homepage Welcome to WebmasterWorld Guest from 54.227.77.237
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

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