Dreamweaver - Formating a list beside a floated element

Author

Formating a list beside a floated element

bigj9901

2006-02-12, 6:40 pm

Can anyone tell me how to get my list formated the way i want?
I'd like the list to be indented in about 20 px or so more than the text
around it.

When i remove the image the list is formated how it should be. As soon as
float the image to the left the margin on the list gets funky.

http://tinyurl.com/dnkrk

Thanks
Jeremy

Michael Fesser

2006-02-12, 6:40 pm

..oO(bigj9901)

>Can anyone tell me how to get my list formated the way i want?
> I'd like the list to be indented in about 20 px or so more than the text
>around it.
>
> When i remove the image the list is formated how it should be. As soon as
>float the image to the left the margin on the list gets funky.

A recently ran into the same problem. If you add some borders to the
list items you'll see what is happening: The box generated by the list
item still starts at the very left beneath the image, but the content
starts beside the image. The list itself is formatted the way you want,
the problem is that the float kinda "breaks" into this formatting.

The easiest solution would be to float the image to the right. You could
also try to set the 'list-style-position' property to "inside", but at
least in my case that didn't really solve the problem.

Micha

bigj9901

2006-02-12, 6:40 pm

Thanks, I still haven't been able to find a solution and putting the image on
the right is not an option.

Its very anoying... i thought maybe if i contained it in a div or something i
could set a width but that didn't work either.

Jeremy

bigj9901

2006-02-12, 6:40 pm

I have acheived the desired effect by adding a large margin to the left.
Probably not the best solution but it worked

Thanks for the idea of adding the border it made it a lot easier to see what
was going on.

Jeremy

Michael Fesser

2006-02-12, 6:40 pm

..oO(bigj9901)

> Thanks for the idea of adding the border it made it a lot easier to see what
>was going on.

Just a way of debugging. ;)

Micha