Как правильно анимировать и описать стиль меню?

Question

[Артем Шеленговский]

Вопрос в следующем:
Я накидал горизонтальное меню при нажатии влево/вправо пункты внутри смещаются, но! сейчас я подобрал ширину пунктов меню, если ширину поставить другую, то почему то не отрисовывается часть пункта, рисуется либо весь пункт либо никак, то есть я не могу сделать так, чтобы часть пункта как бы выглядывала с краю.
Помогите разобраться в чем дело
Ссылка - jsfiddle.net/arbelian/6dcycp99

Answer 1

[tennalian]

ну у вас там и месиво
фишка в чем, есть блоки li, каждый, допустим, по 250px c float: left.
у ul ширина у вас 900px, само собой, половина блоков съезжает вниз и из-за overflow:hidden вы их не видите.
jsfiddle.net/tennalian/3qqz890r - примерно вот так

Comments

[Артем Шеленговский]

Круто! Спасибо все как надо! То есть основная ошибка в том, что не я ограничил ширину и ее было не достаточно? Верно?

[tennalian]

советую вам почитать рекомендации гугла по верстке как минимум google-styleguide.googlecode.com/svn/trunk/htmlcss...

[tennalian]

arbelian: ширины было не достаточно (точнее у ul ее вообще не было), ну и ваш скрипт у меня не работал)))
кстати, основной блок меню (relative) вы, в принципе, можете на всю ширину растянуть

[Артем Шеленговский]

Спасибо большое за помощь, а то на самообучении без советов тяжко) А скрипт я просто не подправил поторопился и вырвал его из кода) Еще раз спасибо!