| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Помогите растянуть строку на весь экран |
| Автор: volontaire 31.12.2008, 01:51 |
| Господа, столкнулся с неразрешимой проблемой и гугл и поиск не помогает, вы последняя надежда =) Верстаю горизонтальное меню для сайта, сайт "резиновый", меню должно растягиваться на всю страницу. Изначально каждая ссылка была в отдельной ячейке таблицы, но это категорически не устраивает заказчика, ему необходимо, чтобы расстояния между пунктами меню были одинаковыми, что невозможно, потому что названия ссылок в меню разной длины. Justify не работает для одной строки. Если через css задавать фиксированное расстояние между ссылками - меню перестает "тянуться." Нужно что то вроде justify, но для одной строки, помогите, пожалуйста, советом. |
| Автор: webster 31.12.2008, 02:28 | ||
Можно рассчитать расстояние, занимаемое словами пунктов меню, в процентах (буквально для каждого пункта меню своя ширина ячейки):
|
| Автор: volontaire 31.12.2008, 02:32 |
| Спасибо, так и сделаю! |
| Автор: volontaire 31.12.2008, 03:30 |
| Попробовал, не помогает - все равно на некоторых разрешениях расползается =( |
| Автор: BrutalMetal 31.12.2008, 07:43 | ||
Еще таким способам неподогнать под разные шрифты.. а они могут быть самые неожиданные.. На мой возгляд здесь необойтись без js ни как... ИМХО резиновая верстка, плюс тянущиеся меню, это не очень юзабельно..( |
| Автор: volontaire 31.12.2008, 07:44 |
| Да заказчик такой, много чего требует что неюзабельно, и слушать ничего не хочет. =( |
| Автор: webster 31.12.2008, 10:15 |
| Если пунктов меню больше 5, то имеет смысл делать вложенное меню. И потом, для пунктов меню подбираются синонимы, величиной в одно слово, других способов сделать мультиброузерный и резиновый вариант нет. |
| Автор: kratov 31.12.2008, 11:33 |
| Попробуйте задать для ссылок padding (или margin) не в px, а в %% <style> a {margin:0 5%;} </style> <body> <a href="#">ссылка 1</a><a href="#">ссыл 1</a><a href="#">ссылкассылка 1</a> </body> |
| Автор: egrik 1.1.2009, 22:57 |
| Я так понимаю, что нужно что то похожее на: http://clip2net.com/clip/m9329/1230839498-clip-2kb.png то есть, в данном случае количество ссылок и длина каждого пункта в меню может быть разная, а вот расстояние между пунктами должно быть одинаковое, верно? Если да, то такую ситуацию можно сделать только, используя js (если есть еще варианты - подскажите). Если скрипты у пользователя выключены - то в моем примере расстояния между пунктами задается фиксированно в пикселях. Если же включены, то происходит следующее: рассчитывается ширина родителя, затем количество потомков, затем сумма ширины всех элементов в меню. Затем нужно (Ширина родителя - Сумма ширины всех элементов в меню)/Количество пунктов в меню - это и будет тот самый промежуток. |
| Автор: WebMast 4.1.2009, 11:10 | ||||
| У меня совсем простой вариант. Подобный webster'у.. Только у меня блочная верстка и одно но. Нужно задавать им всем одинаковую ширину.. Находится ширина ссылок таким путем:
Если нужно более изящное оформление ссылок чем красивый фон, то придется постараться и подогнать графику в код ;). Могу помочь в свободное время! |
| Автор: egrik 4.1.2009, 21:16 | ||||||
Топикастер, вроде как бы, спрашивал соверешнное иное, как в вашем случае, WebMast, будет выглядеть меню следующего вида:
согласно тому, что хотел автор, а имено:
|
| Автор: liliana2 13.5.2009, 08:04 |
| Про задание ширины в процентах вариант хороший, но а если нужно предусмотреть чтобы пункты убавлялись и прибавлялись (количественно) и что за скрипт подскажете? А подгонять под шрифт - это ужас имхо |