[WEB4LIB] HTML question - lists

Thomas Dowling tdowling at ohiolink.edu
Thu Sep 26 14:09:26 EDT 2002


At 01:05 PM 9/26/2002, Diane Madrigal wrote:
>I'm working on a Web page that combines images and bulleted lists.  If I 
>put the images on the right side, the list items appear correctly (see 
><http://www.nysl.nysed.gov/mssc/almanac/vvisalm9test.htm>).  However, if I 
>move the images to the left-hand side of the page, using <img .... 
>align="left">, the bullets on the list items disappear (see 
><http://www.nysl.nysed.gov/mssc/almanac/vvisalm9.htm>).


I believe you're desciribing a long-standing IE bug.



>Any suggestions as to why this happens, and how to prevent it?

Use Mozilla or Opera?

You can come close with:

<div class="wrapper">
<div class="cover-image">[image]</div>
<div class="lists">[text]</div>
</div>

Where the div.cover-image style has "float: left; width: [something 
specific]" and the div.lists style has "padding.  But IE doesn't display 
the nested ULs with correct margins in my test.


>(I know using a table would solve the problem, but I was trying to avoid 
>using tables for layout purposes.)


I think you can make a case that this is tabular data.



Thomas Dowling
OhioLINK - Ohio Library and Information Network
tdowling at ohiolink.edu




More information about the Web4lib mailing list