Активная ссылка меню

[Diasouls]

Не могу понять почему отходит вниз...

http://di-asouls.ru/minecraft/

Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния?

\\\

[left] #menu {
padding: 0;
list-style-type: none;
background-image: url(../page_img/menu/menu_bg_repeat.png);
font-size: 30px;
height: 70px;
}
#menu li {
padding-top: 20px;
float: left;
margin: 0;
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 70px;
color: #ffbf00;
}
#menu li a:hover, #menu li.active a {
text-align:center;
color: #ffbf00;
background-image: url(../page_img/menu/menu_bg_a.png);
background-repeat: repeat-x;
background-position: left;
height: 70px;
border-top-left-radius: 17px; border-top-right-radius: 17px;
border-bottom-left-radius: 17px; border-bottom-right-radius: 17px;
}
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; background: url(../page_img/menu/menu_bg.png) no-repeat right;}
#menu_wrapper div {float: left; height: 70px; width: 12px; background: url(../page_img/menu/menu_bg.png) no-repeat left;}[/left]

Edited August 27, 2011 by Diasouls

[Nanto]

Не могу понять почему отходит вниз...

http://di-asouls.ru/minecraft/

Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния?

Ничего не понял!

Ну уберите padding-top. В чём проблекма?

Вы, кстати, на 1024px - свою страницу видели?

И что такое <h17>?

И зачем в столько дивов обернули?

<div id="header">
 <h1>Online Games Portal</h1>
</div>
<div id="wrapper">
 <ul id="menu">
  <li>...</li>
  ...
 </ul>
 ...
</div>

По-моему вполне достаточно!

Edited August 27, 2011 by Nanto

[Nanto]

Не могу понять почему отходит вниз...

http://di-asouls.ru/minecraft/

Посмотрел файербагом...

Что могу сказать - отрубайте свой куфон - он своими "line-height: 1px !important;" всю вёрстку изувечил!

li a - убрать display: block

убрать padding-top

li - height: 70px

li a, li a: hover, li a.active - line-height: 70px, vertical-align: baseline...

Как-то так должно получится. Но опять-таки, Вы много лишней ерунды в код напихали, мелочи сами подправьте.