X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Верстка навигации
igor.dulub
igor.dulub
Topic Starter сообщение 12.4.2011, 18:45; Ответить: igor.dulub
Сообщение #1


Ребята, чего-то конкретное не расписывайте. Просто направьте.

Смотрите приложение. Нужно закодить навигацию. Но есть условия.
1) Не табличная верстка.
2) Навигация на всю ширину (ширина табов зависит от текста. По сему разная). Табы занимают всю отведенную ширину
3) Хотелось бы не хардкодить потом (Табы могут потенциально добавиться или уменьшиться их количество, или изменится размер). Поддержка многоязычности. Короче, ширина текста может быть разной.

Если приведете пример кода, то спасибо. Но не надо. Просто скажите, реально ли это и как, если реально. Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hisbvdis
hisbvdis
сообщение 12.4.2011, 20:42; Ответить: hisbvdis
Сообщение #2


Может быть просто блоки с левым обтеканием ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igor.dulub
igor.dulub
Topic Starter сообщение 12.4.2011, 21:05; Ответить: igor.dulub
Сообщение #3


Да нет... Так не получится. На всю ширину там. Если использовать блочные элементы с обтеканием и заданными боковыми паддингами, то менюшка будет иметь конкретный размер по ширине, и ее надо будет прибивать к левой или правой стороне. использовать ul li элементы, как табличные не получится, как мы знаем, из-за кроссбраузерности. Я пока не нашел. Клиент не хочет скриптов здесь. Клиент не хочет табличной верстки. В остальном.. Гуляй - не хочу :))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PanSoul
PanSoul
сообщение 13.4.2011, 11:23; Ответить: PanSoul
Сообщение #4


что? ul li не кросс-браузерн? о_О
А вот можно пример с эти артефактом?

>>и почему бы не попробовать с inline-block?

>>> и ещё, у Вас условия задачи не ясны:
1)
Навигация на всю ширину (ширина табов зависит от текста. По сему разная)
- ну это понятно
2)
Табы занимают всю отведенную ширину
- всю ширину чего? Если Вы имели ввиду, что табы должны в сумме занимать всю площадь навигации, то это противоречит п.1

Вот можно побольше ясности
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igor.dulub
igor.dulub
Topic Starter сообщение 13.4.2011, 11:33; Ответить: igor.dulub
Сообщение #5


Немного не это имел в виду про ul li элементы. «использовать ul li элементы, как табличные» Но это было просто лирическое отступление, а не основная суть. Зачем использовать инлайн-блок, если блок с обтеканием тоже сработает без исключений по кроссбраузерности, имею в виду ие6, 7? Но и это не столь важно.

Возвращаясь к основному вопросу, да, там надо сделать так, чтобы табы СУММАРНО распространялись на всю ширину. Извините, если нашли противоречия в построении моих предложений. Трудно формулирую мысль. Но из рисунка почти все должно быть понятно.

Редактировано: я имел в виду, что жестко задать ширину для каждого таба нельзя. Отступление это делаю, потому что уверен, что такое могу предложить.
В общем, по пункту 2: PanSoul,не обращайте на него внимание.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PanSoul
PanSoul
сообщение 13.4.2011, 13:30; Ответить: PanSoul
Сообщение #6


а что, если эмпирически каждому блоку задать свою ширину в "%". ДА, может и извращение, но Я как-то другого выхода не вижу...
P.S. но то что выхода не видно - не означает. что его нет :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igor.dulub
igor.dulub
Topic Starter сообщение 13.4.2011, 14:38; Ответить: igor.dulub
Сообщение #7


Так не получится тоже. Тут проблема в многоязычности. На арабском, например, языке самая короткая надпись может потенциально стать самой длинной.

Ну или придется свыкнуться с той мыслью, что будет скрипт или табличная верстка. Или редизайн.

Но все же хочу найти ответ. Сам пока не придумал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PanSoul
PanSoul
сообщение 14.4.2011, 6:02; Ответить: PanSoul
Сообщение #8


ну а что, если "поиграть" на иллюзии?
ну т.е. Я имею ввиду, что сделать их плавающими или инлайн-блоками (как хочеться), задать паддинги И самым крайним табам убрать крайнюю рамку...ну вот, к примеру [attachment=37752:1.JPG]там, где красный пункитр - это правые и левые рамки табов, которые нужно убрать...и получиться иллюзия равномерного распрпределения (ну может и не совсем равномерного. но хоть что-то близкое к поставленной задаче)...
UPD. А ещё лучше эти табы отцентрировать (в сумме) по центру навигации, чтобы края были одинаковые
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igor.dulub
igor.dulub
Topic Starter сообщение 14.4.2011, 20:01; Ответить: igor.dulub
Сообщение #9


Угу, спасибо. Была такая мысль. Такое именно клиенту и предлагается сейчас. Там обсуждается и доапрувливается дизайн. Жестковато, правда, выглядит, учитывая выравнивание верхней навигации по правому краю. Есть еще нюанс такой, что там табы когда становятся активными, они белые получаются. И крайний правый таб особенно сильно отстает от правого борта. Забавно, что есть еще альфа-версия сайта с уменьшенным количеством табов. Там вообще беда. Ищу пока вариант с процентами, релятивным позиционированием, отрицательными маргинами и инлайн-блочностью. хз хз..

Я объяснил эту мысль. Не очень ему хочется. Но спасибо, действительно, это первое нормальное решение, которое в голову приходит. Инлайн блоки просто с центрированием, хаками для иешек - и все работает. Но пока клиент крутит носом, потому что в арабском эквиваленте там узковато получается, а дизайнер получил задачу на перерисовку навигации по комментариям. Так что чего-то в этой жизни все же налаживается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 15.4.2011, 3:27; Ответить: InviS
Сообщение #10


igor.dulub, в описанной ситуации подходят только таблицы, либо использование javascript для подсчитывания ширины каждого блока (пропорциональное увеличение)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
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


 



RSS Текстовая версия Сейчас: 19.4.2024, 10:25
Дизайн