Проблема с обтеканием текста (списка) изображения

[sdsfy]

Собственно проблема на фрагменте скриншота. (размещен на радикале, загрузка тупит иногда жестко)


код такой.

<p><img src="images/news/conference.jpg" border="0" alt="конференция" width="160" height="123" style="float: left; border: 0;" />
<ol type="1">
<li>Психологические аспекты безопасности человека       в экстремальной социальной среде</li>
<li>Психология здоровья и жизнестойкости человека       в современном обществе</li>
<li>Психологические последствия природных и       техногенных катастроф</li>
<li>Информационно-психологическая безопасность       человека и населения</li>
<li>Психологические аспекты безопасности человека       при эксплуатации транспортных и энергетических систем</li>
<li>Психологические проблемы безопасности       человека в экологической среде </li>
<li>Психология безопасной жизнедеятельности в       образовательной среде</li>
</ol>

Движок joomla 1.6. Взят один из стандартных шаблонов слегка переделан под себя.

Вопрос: какие варианты есть сделать так, чтоб списки не наползали на картинку. Вообще я заметил, что такая проблема имеет месть быть именно со списками.

Заранее благодарен откликнувшимся.

[ZvEr_HaCkEr]

сделать отступ слева для списков

[sdsfy]

Сообщение от ZvEr_HaCkEr

сделать отступ слева для списков

каким тегом? Скриншот, что я скинул, характерен для Firefox. В IE вообще цифры списка с левого края изображения появляются.

Я сделал

<div style="margin: 0; padding: 0 0 0 145px;"><ol type="1">
<li>Психологические аспекты безопасности человека       в экстремальной социальной среде</li>
<li>Психология здоровья и жизнестойкости человека       в современном обществе</li>
<li>Психологические последствия природных и       техногенных катастроф</li>
<li>Информационно-психологическая безопасность       человека и населения</li>
<li>Психологические аспекты безопасности человека       при эксплуатации транспортных и энергетических систем</li>
<li>Психологические проблемы безопасности       человека в экологической среде </li>
<li>Психология безопасной жизнедеятельности в       образовательной среде</li>
</ol></div>

Но отъезжает весь список, а мне так не надо. А надо чтоб он обтекал и не наезжал.

[Naive]

попробуй margin-right задать для картинки. Если сработает, то для тегов кроме списков придется делать отрицательный margin-left

[sdsfy]

Сообщение от Naive

попробуй margin-right задать для картинки. Если сработает, то для тегов кроме списков придется делать отрицательный margin-left

Не работает отрицательный margin-left, при том, что положительный срабатывает.

[Naive]

Может отрицательный text-indent сработает? Костыль правда получается, только для первой строчки...

[sdsfy]

Сообщение от Naive

Может отрицательный text-indent сработает? Костыль правда получается, только для первой строчки...

Ага, работает именно для первой строки. В общем так же как и <span style="margin-left:-145px"> Двигает только первую строку.

[Naive]

а как насчет

<span style="margin-left:-145px;display:block">

?

[sdsfy]

Сообщение от Naive

а как насчет

<span style="margin-left:-145px;display:block">

?

Неа, все тоже самое.

В итоге решилось так.

[sdsfy]

<p style="float: left;"><img src="images/news/conference.jpg" border="0" alt="конференция" style="float: left; margin-right: 20px;" /></p>

Оно отодвинуло весь текст от себя на 20. конечно не то, что хотелось в итоге. ибо все эти отступы все равно кривые. И вообще, конечно, весь этот html придуман ужасными людьми, чтоб мучить невинных людей)))

to moderators. я постил в один пост, разбилось на 2. я не виноват, не баньте