Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Serious image - list incompatibility in both IE & NS

Status
Not open for further replies.

dvance

Programmer
Nov 22, 2002
1
US
Ok, this is a *weird* one that seems to be a serious flaw affecting IE and NS both. Say you have a left-aligned image, next to which floats a list (either ul or ol). The image overlaps the list markers, hiding the numbers or bullets altogether! In other words, you don't see the "1." or the "*" at all. It doesn't look like a list; the list items just appear to be regular paragraphs without any indentation. CSS float (my first try) is no good either. It looks like this...
Code:
 _______
|IMG    | This is regular text.
|     1.| An Ordered list item
|     * | An Unordered list item
|_______| Back to regular text.
Instead of like this (as some editors correctly render it)...
Code:
 _______
|IMG    | This is regular text.
|       |  1. An Ordered list item
|       |  *  An Unordered list item
|_______| Back to regular text.
Here's the code:
<body><img src=&quot; align=&quot;left&quot; width=&quot;150&quot; height=&quot;150&quot;>
This is regular text.
<ol><li>An Ordered list item</li></ol>
<ul><li>An Unordered list item</li></ul>
Back to regular text</body>

Any ideas??
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top