Выравнивание пунктов меню (без li)

[xSPiRiTx]

Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li.

http://karelin.tk

Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет.

Помогите решить проблему.

Вот css:

http://karelin.tk/css/default.css

[Great Rash]

Уберите из стилей margin-right: 120px; совсем. И задайте первому спану внутри ссылок position: relative;

[Justnewone]

Такс, давайте 2 скрина, то что сейчас есть, там же укажите то что Вас не устраивает, и второй скрин, там все красиво, направляющими отмечены нужные интервалы/ширины.

[xSPiRiTx]

Уберите из стилей margin-right: 120px; совсем. И задайте первому спану внутри ссылок position: relative;

отступы убрал.

первый спан это вроде fist-child дописывать? как его правильно дописать?

ща скрины сделаю

Edited December 19, 2012 by xSPiRiTx

[xSPiRiTx]

Такс, давайте 2 скрина, то что сейчас есть, там же укажите то что Вас не устраивает, и второй скрин, там все красиво, направляющими отмечены нужные интервалы/ширины.

то, что сейчас есть мы видим на живом примере по адресу http://karelin.tk и в чем там проблема я описал.

а вот на скрине показано как хотелось бы - все пункты менюшки ровненькие, расстояние между ними практически одинаковое

[xSPiRiTx]

заметил, что при отключении js пункты вровень становятся

[USF]

во-первых я "не понимат" зачем вы используете абсолютное позиционирование внутри ссылки да еще и несколько одинаковых span. Эффект, которого вы хотите добиться можно получить и с 1.

Во-вторых ваш margin-right 120px отсчитывается от левой границы <a> в виду того, что внутри него ничего по сути нет(абсолютно позиционированные элементы не входят в поток форматирования). в итоге у вас каждый элемент имеет фиксированную ширину в 120px, а так как слова разной длинны то и расстояния разные.

1) уберите этот ужас внутри <a>

2) задайте нормальные margin'ы для каждого <a> и получится то, что вы хотите

Edited December 19, 2012 by USF

[xSPiRiTx]

мне помогли, решилось правкой скрипта.

но и пришлось отказаться от использования этого меню из-за его кривости