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?
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?