|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
17.03.2012, 09:36 | #1 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Меню: display: block, padding-top и bottom
Указываю padding-top: 6px, а в реале выходит 10px.
Верхний padding указываю тоже 6px, а в реале выходит 11px. Не подскажите в чём состоит мой недочёт? И ещё, как сделать, чтобы справа тоже был padding равен точно 8px от самой длинной строки? Сейчас у меня просто выставлены width контейнера. Код HTML:
<div id="navcontainer"> <ul id="navlist"> <li><a href="#">Engagement Rings</a></li> <li><a href="#">Ring Mountings</a></li> <li><a href="#">Gemstone Diamond Rings</a></li> <li><a href="#">Earrings</a></li> <li><a href="#">Gemstone Diamond Earrings</a></li> <li><a href="#">Cufflinks</a></li> <li><a href="#">Objects</a></li> <li><a href="#">Eternity Bands</a></li> <li><a href="#">Diamond Education</a></li> <li><a href="#">Jewelry Education</a></li> </ul> </div> Код HTML:
#navcontainer { width: 200px; } #navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; } #navcontainer a { display: block; padding-left: 8px; padding-top: 6px; padding-bottom: 6px; width: 190px; background-color: #036; border-bottom: 2px solid #000; } #navcontainer a:link, #navlist a:visited { color: #a3a3a3; text-decoration: none; text-transform: uppercase; } #navcontainer a:hover { background-color: #2c2c2c; color: #cdcdcd; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
display:table-cell Внутри <table>. Padding не пашет. | Kolik317 | HTML и CSS | 4 | 19.05.2011 21:05 |
Не работает padding-top у таблицы в IE | Arassir | HTML и CSS | 1 | 05.02.2011 10:59 |
Display block не block | mrgrudge | HTML и CSS | 2 | 25.12.2010 11:10 |
display: block; и ненужная горизонтальная полоса прокрутки. | Benderbej | HTML и CSS | 2 | 23.08.2010 13:30 |
Если родителю задать padding и overflow:hidden, нижний padding не работает | caprella | HTML и CSS | 0 | 30.06.2010 12:00 |