Помощник
|
Верстка навигации |
igor.dulub
|
Сообщение
#1
|
||
|
|
||
|
|||
hisbvdis |
12.4.2011, 20:42;
Ответить: hisbvdis
Сообщение
#2
|
|
Может быть просто блоки с левым обтеканием ?
|
|
|
igor.dulub
|
Сообщение
#3
|
|
Да нет... Так не получится. На всю ширину там. Если использовать блочные элементы с обтеканием и заданными боковыми паддингами, то менюшка будет иметь конкретный размер по ширине, и ее надо будет прибивать к левой или правой стороне. использовать ul li элементы, как табличные не получится, как мы знаем, из-за кроссбраузерности. Я пока не нашел. Клиент не хочет скриптов здесь. Клиент не хочет табличной верстки. В остальном.. Гуляй - не хочу :))
|
|
|
PanSoul |
13.4.2011, 11:23;
Ответить: PanSoul
Сообщение
#4
|
|
что? ul li не кросс-браузерн? о_О
А вот можно пример с эти артефактом? >>и почему бы не попробовать с inline-block? >>> и ещё, у Вас условия задачи не ясны: 1) Навигация на всю ширину (ширина табов зависит от текста. По сему разная) - ну это понятно2) Табы занимают всю отведенную ширину - всю ширину чего? Если Вы имели ввиду, что табы должны в сумме занимать всю площадь навигации, то это противоречит п.1Вот можно побольше ясности |
|
|
igor.dulub
|
Сообщение
#5
|
|
Немного не это имел в виду про ul li элементы. «использовать ul li элементы, как табличные» Но это было просто лирическое отступление, а не основная суть. Зачем использовать инлайн-блок, если блок с обтеканием тоже сработает без исключений по кроссбраузерности, имею в виду ие6, 7? Но и это не столь важно.
Возвращаясь к основному вопросу, да, там надо сделать так, чтобы табы СУММАРНО распространялись на всю ширину. Извините, если нашли противоречия в построении моих предложений. Трудно формулирую мысль. Но из рисунка почти все должно быть понятно. Редактировано: я имел в виду, что жестко задать ширину для каждого таба нельзя. Отступление это делаю, потому что уверен, что такое могу предложить. В общем, по пункту 2: PanSoul,не обращайте на него внимание. |
|
|
PanSoul |
13.4.2011, 13:30;
Ответить: PanSoul
Сообщение
#6
|
|
а что, если эмпирически каждому блоку задать свою ширину в "%". ДА, может и извращение, но Я как-то другого выхода не вижу...
P.S. но то что выхода не видно - не означает. что его нет :rolleyes: |
|
|
igor.dulub
|
Сообщение
#7
|
|
Так не получится тоже. Тут проблема в многоязычности. На арабском, например, языке самая короткая надпись может потенциально стать самой длинной.
Ну или придется свыкнуться с той мыслью, что будет скрипт или табличная верстка. Или редизайн. Но все же хочу найти ответ. Сам пока не придумал. |
|
|
PanSoul |
14.4.2011, 6:02;
Ответить: PanSoul
Сообщение
#8
|
|
ну а что, если "поиграть" на иллюзии?
ну т.е. Я имею ввиду, что сделать их плавающими или инлайн-блоками (как хочеться), задать паддинги И самым крайним табам убрать крайнюю рамку...ну вот, к примеру [attachment=37752:1.JPG]там, где красный пункитр - это правые и левые рамки табов, которые нужно убрать...и получиться иллюзия равномерного распрпределения (ну может и не совсем равномерного. но хоть что-то близкое к поставленной задаче)... UPD. А ещё лучше эти табы отцентрировать (в сумме) по центру навигации, чтобы края были одинаковые |
|
|
igor.dulub
|
Сообщение
#9
|
|
Угу, спасибо. Была такая мысль. Такое именно клиенту и предлагается сейчас. Там обсуждается и доапрувливается дизайн. Жестковато, правда, выглядит, учитывая выравнивание верхней навигации по правому краю. Есть еще нюанс такой, что там табы когда становятся активными, они белые получаются. И крайний правый таб особенно сильно отстает от правого борта. Забавно, что есть еще альфа-версия сайта с уменьшенным количеством табов. Там вообще беда. Ищу пока вариант с процентами, релятивным позиционированием, отрицательными маргинами и инлайн-блочностью. хз хз..
Я объяснил эту мысль. Не очень ему хочется. Но спасибо, действительно, это первое нормальное решение, которое в голову приходит. Инлайн блоки просто с центрированием, хаками для иешек - и все работает. Но пока клиент крутит носом, потому что в арабском эквиваленте там узковато получается, а дизайнер получил задачу на перерисовку навигации по комментариям. Так что чего-то в этой жизни все же налаживается. |
|
|
InviS |
15.4.2011, 3:27;
Ответить: InviS
Сообщение
#10
|
|
|
igor.dulub, в описанной ситуации подходят только таблицы, либо использование javascript для подсчитывания ширины каждого блока (пропорциональное увеличение)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. | 27 | zaiko | 17546 | 2.4.2024, 14:00 автор: zaiko |
|
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 92095 | 11.3.2024, 19:59 автор: anchous |
|
Верстка шаблона Битрикс | 0 | bat | 1419 | 26.9.2023, 6:22 автор: bat |
|
Верстка электронных писем бесплатно | 0 | Gidemopassan | 1528 | 23.6.2023, 10:12 автор: Gidemopassan |
|
Сайт "под ключ" (дизайн, верстка, CMS) | 32 | Brans | 16529 | 19.5.2023, 22:01 автор: Brans |
Текстовая версия | Сейчас: 19.4.2024, 10:25 |