Hey Internet…

Can anybody tell me how to remove the grey border from around my banner? I’ve been tinkering with it on and off for months, and haven’t figured it out yet.

I’m going to put the CSS data in the post for you to see, but I don’t want to clutter up the blog with it, so click on the more button if you can help.

I figured out how to plunk the banner in there, but I didn’t change too much from the original template, so I think that’s what’s making the border. All I have for the actual banner itself is a div tag, the link and the image source. Here’s the CSS for the header:

/* Header

—————————- */

#header {

width:660px;

margin:0 auto 10px;

border:1px solid #ccc;

}

#blog-title {

margin:5px 5px 0;

padding:20px 20px .25em;

border:1px solid #eee;

border-width:1px 1px 0;

font-size:200%;

line-height:1.2em;

font-weight:normal;

color:#666;

text-transform:uppercase;

letter-spacing:.2em;

}

#blog-title a {

color:#666;

text-decoration:none;

}

#blog-title a:hover {

color:#c60;

}

#description {

margin:0 5px 5px;

padding:0 20px 20px;

border:1px solid #eee;

border-width:0 1px 1px;

max-width:700px;

font:78%/1.4em “Trebuchet MS”,Trebuchet,Arial,Verdana,Sans-serif;

text-transform:uppercase;

letter-spacing:.2em;

color:#999;

}

Any help greatly appreciated!!

Author: DaniGirl

Canadian. storyteller, photographer, mom to 3. Professional dilettante.

11 thoughts on “Hey Internet…”

  1. I’ve only played with CSS a couple of times, but could it be either in the Header or Blog-Title section where you have “border:1px”? Have you tried changing it to “border:0px”? (I tried to figure out which section you’d need to change, but couldn’t — sorry)
    Hope this helps!

  2. hey dani,
    i just finally figured it out on my blog! anywhere you see border in the css code change the 1s to 0s. ALL OF THEM. at least that’s what i did. and no more grey box!!!
    good luck.

  3. Duh! I’m sure I tried that, really I am. Oh well, whatever, it worked!!! You girls are brilliant – thank you thank you thank you!
    Suze, snazzy new blog design!! I’m so jealous!! Nicely done!
    Nancy, your girls are gorgeous!
    xo Dani – with endless gratitude for the very clever people who play in the comment box

  4. Glad it worked — looks nice!
    Thanks for the compliment about my girls. The baby’s for sale if you’re interested. 😉

  5. Nancy, I’m jonesing for a girl – be careful what you offer or I might just have to take you up on that. (Just don’t tell Beloved, okay? I’ll hide her in my closet for a day or so and when he asks where she came from, I’ll just say, “What, that old thing? I’ve had her for months.”)
    xo Dani

  6. Nancy(1): deal!! I’ll even let you choose between the blue-eyed dreamer and the brown-eyed dancer!
    Nancy(2): back off, wench! I don’t care how adorable your boys are, I found this deal first!

  7. Enjoy! I love tinkering with HTML and CSS. It’s come in helpful when working on my own sites.
    Looks like you figured it out. Good luck with future projects.

Leave a Reply

Your email address will not be published. Required fields are marked *