Список некорректен в ИЕ

Ola123 · 12.02.2009, 09:22

Сделала список с маркерами (маркеры - картинки фоном). Картинки лежат в теге li (список ul). Этот список должен обтекать картинку. Получается, что марекры заходят под картинку и их не видно. Поставила свойство overflow:hidden тегам li и проблема решилась в браузерах, кроме ИЕ. В ИЕ ставлю li zoom:1; Список нормально отбражается, но не обтекает Картинку. Что посоветуете???

Scroll · 12.02.2009, 10:09

Дайте код.

Ola123 · 13.02.2009, 07:46

<img src="images/img.jpg" />
<ul>
<li>Яблоко</li>
<li>Груша</li>
</ul>

img {float:left;}
ul li {float:left;background:url(images/marker.gif) no-repeat left top;overflow:hidden;padding:0 0 0 10px;}

Для ИЕ
ul li {zoom:1}

В ИЕ ul отображается необтекающим картинку

Scroll · 13.02.2009, 11:15

С вашим кодом у меня получилось вот что (так отображается во всех браузерах, включая IE:

Ola123 · 18.02.2009, 21:25

Небольшая неточность (нет float:left):
ul li {background:url(images/marker.gif) no-repeat left top;overflow:hidden;padding:0 0 0 10px;}

Добавлено через 1 минуту

Маркер заходит за картинку, а текст отображается нормально. Может, кто-нибудь видит выход?

Ola123 · 28.02.2009, 11:53

никто не подскажет? Может, все-таки кто-то знает?

kost · 28.02.2009, 17:08

Заверните список в div и ему поставьте float:left;

Я как-то бился с подобной проблемой -- маркеры под картинкой оказываются, но не победил.

Ola123 · 23.03.2009, 15:45

лишний тег получается и это не решение, если на странице будет много списков и все они будут "плавающими"...

Niemans · 23.03.2009, 16:02

Ola123, Вам от этого тега ничего не будет, поэтому сделайте как сказал kost.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
DataGridColumn и весь список	17root	Технологии Flash	4	27.10.2008 21:46
Список инфо-ресурсов	Artem A.S.	Кальянная	1	02.06.2008 01:22
обновляемый список	smilexpo	ASP, Perl, PHP и MySQL	6	01.04.2007 22:34
Как создать раскрывающийся список?	condor	ASP, Perl, PHP и MySQL	1	22.01.2007 15:07
Список бесплатных хостингов	Silver	Кальянная	2	13.08.2003 00:29

12.02.2009, 09:22	#1
Ola123	Сделала список с маркерами (маркеры - картинки фоном). Картинки лежат в теге li (список ul). Этот список должен обтекать картинку. Получается, что марекры заходят под картинку и их не видно. Поставила свойство overflow:hidden тегам li и проблема решилась в браузерах, кроме ИЕ. В ИЕ ставлю li zoom:1; Список нормально отбражается, но не обтекает Картинку. Что посоветуете???

13.02.2009, 07:46	#3
Ola123	<img src="images/img.jpg" /> <ul> <li>Яблоко</li> <li>Груша</li> </ul> img {float:left;} ul li {float:left;background:url(images/marker.gif) no-repeat left top;overflow:hidden;padding:0 0 0 10px;} Для ИЕ ul li {zoom:1} В ИЕ ul отображается необтекающим картинку

18.02.2009, 21:25	#5
Ola123	Небольшая неточность (нет float:left): ul li {background:url(images/marker.gif) no-repeat left top;overflow:hidden;padding:0 0 0 10px;} Добавлено через 1 минуту Маркер заходит за картинку, а текст отображается нормально. Может, кто-нибудь видит выход? Последний раз редактировалось Ola123; 18.02.2009 в 21:25.. Причина: Добавлено сообщение

28.02.2009, 11:53	#6
Ola123	никто не подскажет? Может, все-таки кто-то знает?

28.02.2009, 17:08	#7
kost	Заверните список в div и ему поставьте float:left; Я как-то бился с подобной проблемой -- маркеры под картинкой оказываются, но не победил.

23.03.2009, 15:45	#8
Ola123	лишний тег получается и это не решение, если на странице будет много списков и все они будут "плавающими"...

23.03.2009, 16:02	#9
Niemans	Ola123, Вам от этого тега ничего не будет, поэтому сделайте как сказал kost.