Grow your CSS skills. Land your dream job.

Video #24

  • # November 18, 2009 at 6:26 pm

    Great Video! This is my first post so I hope it’s formatted correctly.

    Although the first example in the video is quite straightforward, I had to tweak the CSS a bit to make it display properly in Firefox. I still can’t get it to display properly on IE. The background in .box-one displays below the box-bottom image.

    I added:[attachment=0]11-18-2009 3-17-20 PM.png[/attachment]
    p {line-height: 1.1}

    because i had to change the line-height property in .box-one.

    example code:
    .box-one { width: 350px; background: url(../png/box-one-middle.png) center repeat-y; margin: 10px 0; }

    my code:
    .box-one { width: 350px; background: url(../png/box-one-middle.png) center repeat-y; margin: 10px 0; line-height: 0.8; }

    What would I have messed up to have to adjust the CSS this way?

    # November 19, 2009 at 3:05 am

    If I had to bet I’d say that the problem is in the html.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".