PDA

View Full Version : floating images inside list items



Tango
09-14-2007, 05:49 PM
Hi,

I have an image inside a list item in an order list. The image is set with float:left, but will not float past the list item's number. If list-style-position is set to outside, the image goes between the number and the contents, if it's set to inside, the image goes below both. How do I get it to go to the left of both? It's acting as if the number has clear:left set, but I've tried putting clear:none for both li and ol, but it didn't change anything. Any ideas?

Thanks.

rams1703
09-14-2007, 06:56 PM
cant get picture !

do post ur sample code !

regards,
rams

Tango
09-14-2007, 08:16 PM
It's an ordered list with lots of items like this:

<li><img src="photos/q1.jpg" height="150" width="200" style="float:left" alt="q1">324</li>

I want it to display:

[Image] 1. 324

It actually displays either:

1. [Image] 324

or

1. 324
[Image]

Depending on how list-style-position is set in the external css file.

bazz
09-14-2007, 08:32 PM
can you post the url.

bazz

Tango
09-14-2007, 09:07 PM
http://82.152.59.122:8080/maths/solns.html

This is just hosted on my desktop machine, so it will only be available for the next few hours while it's on.