Создать форум бесплатно: ixbb.ru :: Календарь на Март 2024 года: calendar2008.ru/2024/mart/

  Reply to this topicStart new topicStart Poll

помогите разобраться с меню

Fregat
Отправлено: Feb 10 2011, 10:38 PM
Quote Post


  Солдат
*

Группа: unior
Сообщений: 3
Пользователь №: 3718
Регистрация:
10-February 11



Помогите плз разобраться. Рисую на сайте меню.
CODE

<div id="menu">
<div><a href="index.php" class="button">Главная</a></br></div>
<div><a href="Prod.php" class="button">Продукты</a></br></div>
...
</div>

соответственно в css
CODE

#menu div{width: 200px; height:52px;}
#menu a.button{
display: table-cell;
width: 200px;
height:50px;
text-align:center;
vertical-align: middle;
font: 18px Arial;
color: maroon;
text-decoration: none;
background:url(button.gif) 0 0 no-repeat;
cursor:pointer;
}
#menu a.button:hover{
background-position:0 -50px;
}

Суть вопроса в том, что если не заключать ссылки в div, то между ними образуется промежуток, который я никак не смог убрать. Кто-нибудь знает, из-за чего он и как с ним бороться?
ЗЫ С div-ом я это обошел, но все таки интересно докопаться до сути.
PMEmail Poster
Top
Матроскин
Отправлено: Feb 10 2011, 11:08 PM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 245
Пользователь №: 2581
Регистрация:
9-June 09



А что это за тег новый появился - </br>? Может быть такой правильнее - <br />. И зачем там нужен перенос строки, если каждый пункт заключен в блок?
По теме:
CODE
<style type="text/css">
p{line-height:0;}
</style>

<p><a href="index.php" class="button">Главная</a></p>
<p><a href="Prod.php" class="button">Продукты</a></p>


--------------------
PMEmail PosterUsers Website
Top
Fregat
Отправлено: Feb 10 2011, 11:43 PM
Quote Post


  Солдат
*

Группа: unior
Сообщений: 3
Пользователь №: 3718
Регистрация:
10-February 11



Спасибо за замечание. Мучаю хтмл недавно, поэтому путаюсь.
Совет не помог =(
PMEmail Poster
Top
Fregat
Отправлено: Feb 10 2011, 11:47 PM
Quote Post


  Солдат
*

Группа: unior
Сообщений: 3
Пользователь №: 3718
Регистрация:
10-February 11



Впринципе если заменить display: table-cell на display: block то промежуток исчезает, но тогда текст не выравнивается по вертикали...
PMEmail Poster
Top
Ilidan
Отправлено: Feb 11 2011, 01:01 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 940
Пользователь №: 508
Регистрация:
30-March 07



А если display вообще убрать?


--------------------
;-)
PMEmail PosterICQAOL
Top

Topic Options Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0392 ]   [ 10 queries used ]   [ GZIP выключен ]