[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Откуда взялся отступ в <li>
Гость_User


<ul style="list-style:none;">
<li
style="background-color:red; list-style:none;"><img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" width="100" height="100" alt=""/><li>
</ul>



Элемент списка должен быть по высоте размером с изображение, но он больше. Вопрос почему?



Спустя 2 часа, 11 минут, 49 секунд (22.01.2011 - 05:42) DySprozin написал(а):
Гость_User
к утру у меня открывается третий глаз... я вижу... браузер у тебя... о да, это же FF! Отлично, со второго раза угадал (;

;;Вопрос почему?
во-первых, width/height надо указывать в px или других величинах, если не хочешь огребать глюки (;
во-вторых, у li в стилях укажи явно height:100px;

Спустя 7 часов, 27 минут, 38 секунд (22.01.2011 - 13:10) Гость_User написал(а):
Высота <li> не фиксированная. Она растягивается под содержимое. И каждый раз когда растягивается, добавляется лишний отступ.

Спустя 1 час, 2 минуты, 11 секунд (22.01.2011 - 14:12) DySprozin написал(а):
Гость_User
значит, используй дивы (;

Спустя 21 минута (22.01.2011 - 14:33) Гость_User написал(а):
Спасибо за совет.
Жду ответа на вопрос.

Спустя 27 минут, 16 секунд (22.01.2011 - 15:01) Slays написал(а):
просто сбрасывай padding и margin у ul и li, т.к. по умолчанию они имеют свои значения отступов.

Спустя 1 час, 19 минут, 35 секунд (22.01.2011 - 16:20) Гость_User написал(а):
Они сброшены в основных стилях.
Так тоже бесполезно:

<ul style="background-color:red; list-style:none; margin:0; padding:0;">
<li
style="background-color:red; list-style:none; margin:0; padding:0;"><img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" width="100" height="100" alt=""/><li>
</ul>

Спустя 48 минут, 58 секунд (22.01.2011 - 17:09) Slays написал(а):
может у img случайно стоит margin, и ваще, сделай скрин проблемы

Спустя 4 минуты, 39 секунд (22.01.2011 - 17:14) inpost написал(а):
img align="absmiddle"

Спустя 29 минут, 34 секунды (22.01.2011 - 17:43) Гость_User написал(а):
Twin, ты в ударе со вчерашнего дня. Опять верное решение подсказал.
Спасибо.

Только причину проблемы так и не понял.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.