homepage Welcome to WebmasterWorld Guest from 107.21.163.227
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
How can I display a bulleted list like blocks including images
How can I display a bulleted list like blocks including images
EsterA




msg:3293345
 2:32 pm on Mar 26, 2007 (gmt 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>?

 

Moby_Dim




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

Can you simply assign a fixed height for your LIs?

Fotiman




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

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

EsterA




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved