Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Video #24

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26822
    webMullet
    Member

    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?

    #66799
    apostrophe
    Participant

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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.