04 июня, 2008

list-style-position и float

Сегодня столкнулся с таким свойством списков как list-style-position, по умолчанию стоит outside, и это очень плохо сказывается на таких моментах верстки, когда нужно список присобачить сбоку от картинки, используя злое свойство float: left;
Так как по умолчанию стоит outside, то цирфы или маркеры нашего бедного списка оказываются сверху (фф) или под картинкой (ie), и маргины и падинги на накладываемые на список не принесут нужного результата, как минимимум можно на картинку накинуть одно из этих свойств но не принисет нужного результата так как в корне не решает проблему.
Капнув глубже в структуру списков наткнулся на свойство list-style-position что и решило проблему достаточно просто прописать <ol style="list-style-position: inside;"> и все стало на свои места!
Вуаля

1 комментарий: