Update:
IE6 needs vertical-align:text-top in order for the image aligns with text
whereas IE7 requires extra vertical-align:top declares in the LI. IE8 doesn't
need any of these so I guess IE9 will be the same which I don't have a way to
test as the beta version wiped out my IE8 so I can't
In this page:
http://lotusseedsdesign.com/css-test/list-style.html
Only Firefox got it right. Have not checked in IE yet.
li {padding-bottom: 5px;clear: both;list-style-type: disc;margin-left: 25px;}
li img {float: left;margin-right:10px;margin-bottom: 10px;border:0}
Tee,
Just a quick test I came up with this:
li {
padding-bottom: 5px;
clear: both;
list-style-type: disc;
padding-left: 75px;
margin-bottom: 50px;
position: relative;
}
li img {
position: absolute;
top: 0; left: 0;
Tim,
Thanks! This won't work very well though because not all LIs have image and I
can't foresee which one will not have.
Your example gave me an idea to remove the float, and it seems to be working.
See the test page again!
vertical-align:top makes the image aligns with the text.
tee
On
