Обтекание картинки списком

[$SMax$]

поиском по форуму не нашел темы.

поиском по интернету понял, что проблема актуальна

есть

<img style="float:left">

<ul>

<li></li>

</ul>

значки списка в IE6 и Opere скрываются под картинкой

ситуацию в ИЕ спасает: LI {display: inline-block}

но при этом в Опере пункты выстравиваются в линию...

какие варианты решения проблемы?

мой CSS:

UL {list-style:none;margin:0;padding-left:15px;}

UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block}

OL LI {margin-top:5px}

[Kiddo]

У элемента списка есть параметр css -

list-style:inside;

list-style:outside;

Они изменяют положение стилизации списка.

В элементы выстроились потому что ты им задал строчное отображение...

Edited September 30, 2008 by Kiddo

[$SMax$]

это не помогает

[Victor Ananiev]

а если картинке маргины позадавть в ширину маркеров))?

[Vlad]

Надо добавить margin-left и padding-left.

[$SMax$]

а если картинке маргины позадавть в ширину маркеров))?

прям хак получается

но неаккуратно(

пример проблемной страницы: http://indusoft.ru/products_indusoft.php?id=522

проблема еще и в том, что страница формируется через CMS и там есть возможность указывать margin для картинки, но тольк общий

увеличить его справа не получится, а со всех сторон отступать уже не айс...

[jas0n]

У меня лично в Опере всё впорядке, или может я чего-то не замечаю?

Да и кстати зачем тебе увеличивать margin справа, если картинкой буллеты накрывает слева?

Edited October 14, 2008 by jas0n

[$SMax$]

У меня лично в Опере всё впорядке, или может я чего-то не замечаю?

Да и кстати зачем тебе увеличивать margin справа, если картинкой буллеты накрывает слева?

margin у картинки.

проблемы в опере сейчас нет, потому что margin не перекрывает какраз булеты

если сделать отступ у картинки меньше - проблема появляется

и плюс стиль списка портится - маркеры уже не в спике, а в полях

Edited October 14, 2008 by $SMax$

[Victor Ananiev]

а ты полазь по стилям может чего и нароешь))) по БД))

[$SMax$]

пошла вторая неделя как этим занимаюсь... попроовал всё связанное и несвязанное с этим делом

[klierik]

img {margin: 0 16px 0 0; float: left; display: block;}

[$SMax$]

img {margin: 0 16px 0 0; float: left; display: block;}

margin в моем случае получится задать только общий (для всех сторон сразу), это раз

и маркеры списка всё равно вылезают за абзац влево, это два

Edited October 15, 2008 by $SMax$

[klierik]

покажите, пожалуйста, пример

[$SMax$]

покажите, пожалуйста, пример

http://forum.htmlbook.ru/index.php?s=&...ost&p=72393

[klierik]

я проверил в Opera 9.2/9.6 и у меня отобразилось точно так же как и в FF3

[$SMax$]

http://www.indusoft.ru/products_indusoft.php?id=522

вот тут скорее разница видна

[klierik]

проверил еще в FF2, Safari и IE7

везде все одинаково.

вообще для начала используйте доктайп и установите кодировку

и так же приведите страницу в валидное состояние

только после этого можно будет далее продолжать искать пути решения.

[$SMax$]

"...и напишите наконец правильный стиль CSS"

понятно. решили, блин, проблему...