 |
|
Модераторы: Illuminaty |
 
|
|
Помогите растянуть строку на весь экран, Растянуть одну строку а ля justify 
| volontaire |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 4 Регистрация: 31.12.2008 Репутация: нет Всего: нет |
Господа, столкнулся с неразрешимой проблемой и гугл и поиск не помогает, вы последняя надежда =)
Верстаю горизонтальное меню для сайта, сайт "резиновый", меню должно растягиваться на всю страницу. Изначально каждая ссылка была в отдельной ячейке таблицы, но это категорически не устраивает заказчика, ему необходимо, чтобы расстояния между пунктами меню были одинаковыми, что невозможно, потому что названия ссылок в меню разной длины. Justify не работает для одной строки. Если через css задавать фиксированное расстояние между ссылками - меню перестает "тянуться." Нужно что то вроде justify, но для одной строки, помогите, пожалуйста, советом. |
|||
|
||||
Загрузка ...
| webster |
|
|||
 Опытный  Профиль Группа: Участник Сообщений: 361 Регистрация: 1.1.2007 Репутация: 34 Всего: 34 |
Можно рассчитать расстояние, занимаемое словами пунктов меню, в процентах (буквально для каждого пункта меню своя ширина ячейки):
|
|||
|
||||
| volontaire |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 4 Регистрация: 31.12.2008 Репутация: нет Всего: нет |
Спасибо, так и сделаю!
|
|||
|
||||
| volontaire |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 4 Регистрация: 31.12.2008 Репутация: нет Всего: нет |
Попробовал, не помогает - все равно на некоторых разрешениях расползается =(
|
|||
|
||||
| BrutalMetal |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 25 Регистрация: 29.4.2008 Репутация: нет Всего: нет |
Еще таким способам неподогнать под разные шрифты.. а они могут быть самые неожиданные.. На мой возгляд здесь необойтись без js ни как... ИМХО резиновая верстка, плюс тянущиеся меню, это не очень юзабельно..( Это сообщение отредактировал(а) BrutalMetal - 31.12.2008, 07:45 |
|||
|
||||
| volontaire |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 4 Регистрация: 31.12.2008 Репутация: нет Всего: нет |
Да заказчик такой, много чего требует что неюзабельно, и слушать ничего не хочет. =(
|
|||
|
||||
| webster |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 361 Регистрация: 1.1.2007 Репутация: 34 Всего: 34 |
Если пунктов меню больше 5, то имеет смысл делать вложенное меню. И потом, для пунктов меню подбираются синонимы, величиной в одно слово, других способов сделать мультиброузерный и резиновый вариант нет.
|
|||
|
||||
| kratov |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 1 Регистрация: 31.12.2008 Репутация: нет Всего: нет |
Попробуйте задать для ссылок padding (или margin) не в px, а в %%
<style> a {margin:0 5%;} </style> <body> <a href="#">ссылка 1</a><a href="#">ссыл 1</a><a href="#">ссылкассылка 1</a> </body> |
|||
|
||||
| egrik |
|
|||
 Шустрый Профиль Группа: Участник Сообщений: 62 Регистрация: 10.11.2006 Где: Voronezh Репутация: нет Всего: 1 |
Я так понимаю, что нужно что то похожее на:
http://clip2net.com/clip/m9329/1230839498-clip-2kb.png то есть, в данном случае количество ссылок и длина каждого пункта в меню может быть разная, а вот расстояние между пунктами должно быть одинаковое, верно? Если да, то такую ситуацию можно сделать только, используя js (если есть еще варианты - подскажите). Если скрипты у пользователя выключены - то в моем примере расстояния между пунктами задается фиксированно в пикселях. Если же включены, то происходит следующее: рассчитывается ширина родителя, затем количество потомков, затем сумма ширины всех элементов в меню. Затем нужно (Ширина родителя - Сумма ширины всех элементов в меню)/Количество пунктов в меню - это и будет тот самый промежуток. Это сообщение отредактировал(а) egrik - 1.1.2009, 22:59 |
|||
|
||||
| WebMast |
|
||||
 Front-end developer Профиль Группа: Участник Сообщений: 105 Регистрация: 1.1.2009 Где: Беларусь Репутация: 2 Всего: 2 |
У меня совсем простой вариант. Подобный webster'у.. Только у меня блочная верстка и одно но. Нужно задавать им всем одинаковую ширину..
Находится ширина ссылок таким путем:
Если нужно более изящное оформление ссылок чем красивый фон, то придется постараться и подогнать графику в код ;). Могу помочь в свободное время! --------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome |
||||
|
|||||
| egrik |
|
||||||
|
Шустрый Профиль Группа: Участник Сообщений: 62 Регистрация: 10.11.2006 Где: Voronezh Репутация: нет Всего: 1 |
Топикастер, вроде как бы, спрашивал соверешнное иное, как в вашем случае, WebMast, будет выглядеть меню следующего вида:
согласно тому, что хотел автор, а имено:
|
||||||
|
|||||||
| liliana2 |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 178 Регистрация: 19.11.2007 Репутация: нет Всего: нет |
Про задание ширины в процентах вариант хороший, но а если нужно предусмотреть чтобы пункты убавлялись и прибавлялись (количественно) и что за скрипт подскажете?
А подгонять под шрифт - это ужас имхо |
|||
|
||||
|
|
| 1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0873 ] [ Использовано запросов: 20 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |