Welcome to WebmasterWorld Guest from 54.163.35.238

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

     

EsterA

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

5+ Year Member



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

Moby_Dim

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

10+ Year Member



Can you simply assign a fixed height for your LIs?

Fotiman

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

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



Perhaps you should be adding the clear to the li instead of the images?

EsterA

10:08 pm on Mar 26, 2007 (gmt 0)

5+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month