Treehouse: Grow your CSS skills. Land your dream job.

Weird Black Lines Showing up

  • # May 9, 2012 at 12:21 pm

    Hey Guys,

    I put an image behind my blog title header and now there are horizontal black lines that show up at the top and bottom of the image. I can’t figure out how to get rid of them. Can someone take a look and help me out?

    It’s password protected so here’s the link.

    here’s the login: guest
    and password: guest1234


    # May 9, 2012 at 12:31 pm

    It’s because of this code in style.css (line 377):

    #branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    float: left;

    Remove the two lines that make up the border-top and border-bottom and you should be fine.

    # May 9, 2012 at 12:39 pm

    Thanks @Senff for pointing that out, that was literally 30 lines down from where I was focusing my attention, I just wasn’t seeing it.
    Thanks again,

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.