ordered lists do not care about my floated image!

gaptrast

Member
Messages
123
Reaction score
0
Points
16
look at this pic:



the text is right, but the numbers do not care about the floated image margin.. :D

what can ich do? :D
 
Last edited by a moderator:

ellescuba27

Member
Messages
273
Reaction score
3
Points
18
Can you give some code? And don't upload images with the f word as the name, I thought that was common sense. Not for the staff, but for me. I hate the f word
 
Last edited:

misson

Community Paragon
Community Support
Messages
2,572
Reaction score
72
Points
48
In particular, questions should include minimal sample code. Web-development problems should also include a link to a live version of the minimal sample. Also, specify what browsers exhibit the undesired behavior.

In some browsers, list markers are outside the list content (the CSS 2.1 spec leaves this explicitly unspecified). Adding extra space (padding or margin) to the list, the list items or the floated element should prevent the overlap. Setting the list-style-position to "inside" may also resolve the overlap issue.
 
Last edited:

gaptrast

Member
Messages
123
Reaction score
0
Points
16
Sorry for not posting codes. I'll do it next time ;)

I had to add "list-style-position:inside;"

Code:
ul{
list-style-position:inside;
}

Thanks !
 
Top