homepage Welcome to WebmasterWorld Guest from 54.166.122.65
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

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

5+ Year Member



 
Msg#: 3293343 posted 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

10+ Year Member



 
Msg#: 3293343 posted 7:01 pm on Mar 26, 2007 (gmt 0)

Can you simply assign a fixed height for your LIs?

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 3293343 posted 7:22 pm on Mar 26, 2007 (gmt 0)

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

EsterA

5+ Year Member



 
Msg#: 3293343 posted 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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved