Комментарии: Правильная верстка горизонтального меню с разделителями http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami Личный блог Юрия Похилько. Чаще о Wordpress, часто о веб-разработке, иногда о себе. Sun, 13 May 2012 11:57:03 +0000 hourly 1 http://wordpress.org/?v=3.3.2 Автор: Матвей http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-807 Матвей Fri, 02 Dec 2011 14:23:24 +0000 http://neolot.com/?p=864#comment-807 Согласен, работа с background оказалась намного приятнее!!! Согласен, работа с background оказалась намного приятнее!!!

]]> Автор: Neolot http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-806 Neolot Fri, 02 Dec 2011 11:55:31 +0000 http://neolot.com/?p=864#comment-806 list-style с картинкой некорректно работает в IE6-7, лучше использовать background list-style с картинкой некорректно работает в IE6-7, лучше использовать background

]]> Автор: Матвей http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-805 Матвей Fri, 02 Dec 2011 11:51:07 +0000 http://neolot.com/?p=864#comment-805 Если разделители по дизайну не такие банальные как бордер, то я использую их как list-style [css]li {list-style: url(../images/___.png);}[/css] При этом первоначально упомянутый бордер просто удаляю. Если разделители по дизайну не такие банальные как бордер,

то я использую их как list-style 

li {list-style: url(../images/___.png);}

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

]]> Автор: partisan http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-260 partisan Tue, 08 Feb 2011 21:05:05 +0000 http://neolot.com/?p=864#comment-260 Правильно то правильно, но некрасиво. Бордюрчики получаются непропорционально громадными. Гугль не стесняется писать в строчку без списка просто через ||| Хороший способ через добавление символа "|" в стиль через псевдокласс :before или :after, но для IE6-7, если вы их поддерживаете придется использовать expression (см. Яндекс.Субботник, где Виталий Харисов рассказывает по сабжу) Правильно то правильно, но некрасиво. Бордюрчики получаются непропорционально громадными.

Гугль не стесняется писать в строчку без списка просто через |||

Хороший способ через добавление символа «|» в стиль через псевдокласс :before или :after, но для IE6-7, если вы их поддерживаете придется использовать expression (см. Яндекс.Субботник, где Виталий Харисов рассказывает по сабжу)

]]> Автор: ss http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-259 ss Tue, 08 Feb 2011 02:33:10 +0000 http://neolot.com/?p=864#comment-259 Бля это немного не то.. но спасибо тебе человечише!!!! я заебался искать то что мне нужно сука!!! и только ты лишь меня намысль навел что бы не ебать мозг а просто впиздохать на html меню в линию в шапке ебать спасибо!!! Бля это немного не то...

но спасибо тебе человечише!!!!

я заебался искать то что мне нужно сука!!!

и только ты лишь меня намысль навел что бы не ебать мозг а просто впиздохать на html меню в линию в шапке

ебать спасибо!!!

]]> Автор: Neolot http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-258 Neolot Mon, 27 Sep 2010 10:28:16 +0000 http://neolot.com/?p=864#comment-258 Да, в любой тег можно завернуть Да, в любой тег можно завернуть

]]> Автор: Отец Михаил http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-257 Отец Михаил Mon, 27 Sep 2010 10:15:35 +0000 http://neolot.com/?p=864#comment-257 а если разделители по дизайну не такие банальные, как бордер, остается их запихивать в li или div? меню генерится динамически, проблем со скрытием первого/последнего нет а если разделители по дизайну не такие банальные, как бордер, остается их запихивать в li или div? меню генерится динамически, проблем со скрытием первого/последнего нет

]]> Автор: Юрий Ключевский http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-256 Юрий Ключевский Fri, 17 Sep 2010 16:36:54 +0000 http://neolot.com/?p=864#comment-256 Изящный способ. Спасибо Изящный способ. Спасибо

]]> Автор: dimka http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-255 dimka Fri, 13 Aug 2010 07:55:15 +0000 http://neolot.com/?p=864#comment-255 Понял, спасибо за хороший ответ ! Понял, спасибо за хороший ответ !

]]> Автор: Neolot http://neolot.com/uroki-i-priemy/pravilnaya-verstka-gorizontalnogo-menyu-s-razdelitelyami#comment-254 Neolot Fri, 13 Aug 2010 07:50:16 +0000 http://neolot.com/?p=864#comment-254 Отрицательный margin сдвигает LI за пределы списка, а overflow: hidden для UL скрывает все, что находится за его границами, поэтому разделитель не видно. zoom нужен, чтобы IE корректно обработал overflow: hidden Отрицательный margin сдвигает LI за пределы списка, а overflow: hidden для UL скрывает все, что находится за его границами, поэтому разделитель не видно.

zoom нужен, чтобы IE корректно обработал overflow: hidden

]]>