Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 19.12.2009 17:53

maxim
Новичок
Зарегистрирован: 19.12.2009
Сообщений: 6

Запретить перенос блоков на следующую строку при float:left

Ребят, прошу у вас совета.

Верстается меню. Каркас:

CSS:

Код:

#menu { height:25px; }
.menuitem { float:left; margin-left:10px; }

Проблема: При увеличении размера шрифта в браузере пункты меню становятся большими и на 800x600 естественным образом переползают на следующую строчку. Получается некрасиво, и это надо запретить.

800x600 и масштабирование шрифтов - необходимые условия, так что "запереть" физически нельзя. Что можно прописать в #menu, чтобы при увеличении ширины пунктов появлялась горизонтальная прокрутка, а не скат блоков на следующую строку?

Заранее благодарен за совет!

Нет на форуме

 

#2 20.12.2009 09:16

netklon
Новичок
Откуда: Узбекистан, Ташкент
Зарегистрирован: 30.11.2009
Сообщений: 7

Re: Запретить перенос блоков на следующую строку при float:left

Можно задать ширину меню в зависимости от размера шрифта.

Нет на форуме

 

#3 20.12.2009 12:14

maxim
Новичок
Зарегистрирован: 19.12.2009
Сообщений: 6

Re: Запретить перенос блоков на следующую строку при float:left

netklon, а как?

Нет на форуме

 

#4 20.12.2009 12:41

netklon
Новичок
Откуда: Узбекистан, Ташкент
Зарегистрирован: 30.11.2009
Сообщений: 7

Re: Запретить перенос блоков на следующую строку при float:left

В em-ах
#menu { width: Nem; }

Нет на форуме

 

#5 20.12.2009 14:22

maxim
Новичок
Зарегистрирован: 19.12.2009
Сообщений: 6

Re: Запретить перенос блоков на следующую строку при float:left

К сожалению, не подходит. При разных размерах шрифта (from Smallest till Largest) em дает разную ширину.
А есть какой-нибудь nowrap для #menu? Как бы вот задать, чтобы оно в принципе не переносилось, а растягивало браузер вправо?

Нет на форуме

 

#6 20.12.2009 16:23

netklon
Новичок
Откуда: Узбекистан, Ташкент
Зарегистрирован: 30.11.2009
Сообщений: 7

Re: Запретить перенос блоков на следующую строку при float:left

А это простое горизонтальное меню? Если не требуется каждый пункт оформлять как блок - display:inline для пунктов меню и white-space:nowrap для контейнера. Хотя что-то мне подсказывает что Вы уже так пробовали.

Нет на форуме

 

#7 20.12.2009 16:24

maxim
Новичок
Зарегистрирован: 19.12.2009
Сообщений: 6

Re: Запретить перенос блоков на следующую строку при float:left

Да, попробовал, не получилось.
Решил у себя проблему брутальным методом - таблицей, в TD которой вписаны div'ы менюшек (такой изощренный способ продиктован несколько замороченным дизайном).
Но все равно интересно было бы услышать, как решить это красиво.

Нет на форуме

 

Board footer