Welcome to WebmasterWorld Guest from 54.221.9.209

Forum Moderators: not2easy

Message Too Old, No Replies

How can I display a bulleted list like blocks including images

How can I display a bulleted list like blocks including images

     
2:32 pm on Mar 26, 2007 (gmt 0)

New User

5+ Year Member

joined:Aug 15, 2006
posts:13
votes: 0


Hi,

I have a bulleted list that includes images with align="right". Problem is that if the text is shorter than the hight of the image, the image inside the next <li> will be pushed to the left by the image of the above <li>.

I could fix it for IE by adding this:
ul li img {clear:right}

but it does not make any difference in FF.

I thougt display:block was supposed to fix this but it did not help either...

So how do I display every <li> like a block that can never float in to the next <li>?

7:01 pm on Mar 26, 2007 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 4, 2003
posts:365
votes: 5


Can you simply assign a fixed height for your LIs?
7:22 pm on Mar 26, 2007 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
posts:4966
votes: 10


Perhaps you should be adding the clear to the li instead of the images?
10:08 pm on Mar 26, 2007 (gmt 0)

New User

5+ Year Member

joined:Aug 15, 2006
posts:13
votes: 0


Oh, why didn't I think of that! Than you soo much!