Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    floating images inside list items

    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.

  • #2
    New Coder
    Join Date
    Sep 2007
    Posts
    34
    Thanks
    0
    Thanked 7 Times in 7 Posts
    cant get picture !

    do post ur sample code !

    regards,
    rams

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    can you post the url.

    bazz

  • #5
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •