| |
|
|
| |
<style type="text/css">
a {
padding:5px;
margin:5px;
background-color:red;
}
</style>
<html>
<body>
<A HREF=''>ССылка 1</A><BR>
<A HREF=''>ССылка 2</A><BR>
<A HREF=''>ССылка 3</A><BR>
</body>
</html>
|
Почему ссылки заезжают друг на друга, и как от этого избавиться!? | |
| |
|
|
| |
|
|
| |
для: serenya1983
(26.09.2010 в 18:52)
| | | > Почему ссылки заезжают друг на друга, и как от этого избавиться!?
Обновить Internet Explorer ;)
А если серьёзно, IE не очень дружит с отступами. Если Вам не принципиально, то сделайте ссылки блоками:
<html>
<head>
<style type="text/css">
a {
padding:5px;
margin:5px;
display: block;
width: 150px;
background-color:red;
}
</style>
</head>
<body>
<A HREF=''>ССылка 1</A>
<A HREF=''>ССылка 2</A>
<A HREF=''>ССылка 3</A>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: bishake
(27.09.2010 в 01:31)
| | | >"если серьёзно, IE не очень дружит с отступами"
А причём тут IE?
Ссылки будут "наезжать" друг на друга в любом браузере.
И совсем не потому, что ВСЕ браузеры "не очень дружат с отступами".
Тег <A> (как и, например, теги <B>, <BIG>, <CITE>, <I>, <SPAN> и прочие) по умолчанию - линейный элемент, сиречь имеет предустановленным значение inline для свойства стиля display.
Это означает, что высота такого тега определяется высотой его содержимого.
В блочных тегах величина вертикального паддинга добавляется к высоте шрифта и тег с паддингом по высоте становится больше на величину паддинга.
А в линейных элементах паддинг устанавливается в пределах существующей высоты, коя неизменна и определяется высотой шрифта.
Чтоб совсем было понятно, два примера:
1) Берём слона, измеряем его габариты и ставим задачу строителю построить загон для слона таким образом, чтобы отступы от слона до стенок загона со всех четырёх сторон составляли 5 метров. Получится такое у строителя? Полагаю, без проблем получится. Именно так формируются блоки в браузере.
2) Снова берём слона, плотно заворачиваем его в обёрточную бумагу, а потом пытаемся сделать так, чтобы от одной из сторон обёртки слон отстоял на 5 метров. Получится? Нет, не получится - обёртка с другой стороны прорвётся и слоновья туша с той самой "другой" стороны вылезет из обёртки на те самые 5 метров. Именно так формируются линейные элементы в браузере.
Ферштейн? | |
| |
|
|
| |
|
|
| |
для: АЯ
(27.09.2010 в 03:20)
| | | > А причём тут IE?
Я это не просто так "ляпнул", а предварительно потестил. Наезжание, от кооторого хочет избавиться автор, наблюдалось только в IE.
[поправлено модератором] | |
| |
|
|
