Выравнивание пунктов меню

[ВикторТрошка]

Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись?

ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул)

И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/

Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?)

Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

[NurHasber]

Все очень просто у вас класс

nav a{
float: left;
background-color: #81b830;
color: #fff;
padding: 13px 33px 13px 33px;
text-decoration: none;
font-size: 18px;
height:auto;
width:80px;
}

Это блок с фиксированной шириной, но в мнем нету центрирования текста.

Решение: дописываем в этот класс такую строчку:

text-align: center;

[ВикторТрошка]

text-alight:center;

не особо помог, так же в разнобой получались пункты..

Попробовал переделать без фиксированной высоты и ширины, почти получилось как в примере,но отображается хорошо только в лисе. Остальные браузеры что ли не поддерживают дробные значения ? справа от пункта FAQ отступ, а в лисе решил с помощью

nav a:first-child{
padding: 14px 40.72px 13px 43px;
}

а в остальных не выходит, есть решение в данном случае?

если поставить меньше или больше, то либо видет отступ либо из-за float последний пункт перескакивает на новую строку.

В первом сообщении перезалил результат на свой хостинг

Edited January 4, 2013 by ВикторТрошка

[NurHasber]

Это не тень, это картинка http://divhack.com/downloads/study/3/html/img/slogan.jpg а вот та что из меню http://divhack.com/downloads/study/3/html/img/menu_5x49.png

text-alight:center; - у меня все нормально, может что-то не так сделали?

[ВикторТрошка]

Это не тень, это картинка http://divhack.com/d.../img/slogan.jpg а вот та что из меню http://divhack.com/d...g/menu_5x49.png

text-alight:center; - у меня все нормально, может что-то не так сделали?

Про то что это картинки я понял, просто хочу сделать вместо них тень или градиент, т.к. считаю что это более современный вариант верстки. Но это пока не приоритет, сначало бы с меню разобраться.

Вот что мне сейчас выдает опера,хром и сафари.

IE9 вообще перекидвает на следующую строку пункт "FAQ"

Все, разобрался сам -

перенес весь фон с ссылок на nav и задал высоту.

Edited January 4, 2013 by ВикторТрошка