Сайты - по стандартам, но не стандартные сайты!
Во общем смотрите: надо сделать резиновую вёрстку такого меню:
Как бы простая версия:
И резиновая:
Получается что между каждой кнопкой меню меняется расстояние.
Но они должны быть на всю ширину блока в котором они находятся.
Ширина самих картинок меню -- разная.
Всё что пришло в голову так это взять каждую картинку меню в div с width:12.5%.
Они заполняться равномерно с шириной блока в котором они находятся, но между ними расстояние разное.
_http://globus-tours.com.ua/watch/ - вот, что пока получилось.
Спасибо за внимание.
p.s. надеюсь я понятно выразился.
Нет на форуме
Варианта два:
— таблица,
— легонько постучать дизайнеру по голове, чтобы больше такого не выдумывал. ;-)
Нет на форуме
теоретически можно ещё указать отступы в процентах... но это будет криво...
кстати, не стоит пихать div внутрь a - мозилле от этого не по себе ;-) вообще, тебе хватило бы тут классического ul+li+a
Отредактированно dark-demon (22.06.2011 10:36)
Нет на форуме
Я так понимаю в таблице внутренними паддингами нужно сделать расстояние?
Нет на форуме
Локи написал:
Я так понимаю в таблице внутренними паддингами нужно сделать расстояние?
Можно таблице задать длину в 100%, а картинки внутри ячеек таблицы центрировать.... возможно, что и выйдет.
dark-demon написал:
кстати, не стоит пихать div внутрь a - мозилле от этого не по себе ;-)
Это точно, не стоит
Нет на форуме
Я делал такое без таблицы, работало везде, кроме Firefox
Идея такая: блок, в нём строчные элементы - картинки, например. Растяжение на всю ширину блока происходит за счёт text-align: justify в блоке, а необходимое для растяжения переполнение строки осуществляется за счёт невидимого очень широкого строчного же элемента. Например прозрачной картинки с указанной шириной 100%.
Мало того, с помощью такой технологии можно целый искусственный интеллект сделать
То есть если задать невидимой картинке ширину 40%, то растягиваться на всю ширину контент будет, если он занимает более 60%. То есть можно управлять моментом, начиная с которого происходит разверка.
Забавно конечно, но это работает
Удачи
Нет на форуме
dark-demon написал:
кстати, не стоит пихать div внутрь a - мозилле от этого не по себе ;-)
мозилле от этого нормально
а вот валидатор материться начинает
Нет на форуме
Всем спасибо еще раз за внимание.
Из всего предложенного воспользовался вариантом с списком. Почти получилось.
_http://globus-tours.com.ua/watch/
Только в разных разрешениях монитора картинки не правильно смещаются, и получается в 2 ряда.
Я так понимаю нужно установить margin в процентах? Но как его вытащить.
Нет на форуме
ash написал:
мозилле от этого нормально
http://dark-demon.nm.ru/web/samples/moz_margin_bug.htm
Нет на форуме
2 dark-demon: Отредактированно ash (24.06.2011 15:19)
Ерунда какая-то. Похоже, что очень специфические условия нужны. Вообще так баги не демонстрируют, этож хрен просечёшь как его организовать. Вообще, если не брать во внимание этот баг (?), никто не запрещал сделать блоком и запихнуть внутрь
2 Локи:
Вы бы попробовали как я посоветовал - говорю же: просто и работает. Если нужен список (семантика и всё такое) - пожалуйста, каждый элемент меню складывается в
actually, my native language is C++
Нет на форуме
Нет на форуме
у него остаётся семантика строчного элемента.
DTD всё равно никто не читает.
Нет на форуме
это заблуждение.
Нет на форуме
ash, грандиозный респект за Ваш метод, сам бы не догадался! Очень вовремя, как раз сейчас такую проблему решаю
Нет на форуме
КОля, а вы не тот Коля Дубр который на СЕ тусуется?
Нет на форуме
locker, ну а какой же еще? Правда не тусуюсь я там давненько, некогда...
Нет на форуме
Понятно. Приятно
Нет на форуме
Всем привет.
С меню разобрался. Спасибо за помощь. Но есть ещё проблемы:
http://globus-tours.com.ua/watch/index2.html - почему не тянется блок #top по высоте?
Нет на форуме
Локи написал:
Всем привет.
С меню разобрался. Спасибо за помощь. Но есть ещё проблемы:
http://globus-tours.com.ua/watch/index2.html - почему не тянется блок #top по высоте?
перед закрывающим тегом этого блока поставь
, тогда этот блок и будет тянуться вниз в зависимости от высоты его содержимого.Нет на форуме
vashurin написал:
Локи написал:
Всем привет.
С меню разобрался. Спасибо за помощь. Но есть ещё проблемы:
http://globus-tours.com.ua/watch/index2.html - почему не тянется блок #top по высоте?перед закрывающим тегом этого блока поставь
, тогда этот блок и будет тянуться вниз в зависимости от высоты его содержимого.
Возможно Вы имели введу
Нет на форуме
Локи написал:
Возможно Вы имели введу
style="clear:both">?
Даже если так, то оно не помогает.
да, именно это.
Хм., я сейчас зашел и ожидал увидет такой код:
Нет на форуме
Я просто пробовал у себя на локальном сервере.
Поправил и на хостинге. Смотрите.
Но не тянет оно блок.
Нет на форуме
Локи написал:
Я просто пробовал у себя на локальном сервере.
Поправил и на хостинге. Смотрите.
Но не тянет оно блок.
Все, посмотрел еще раз CSS, более внимательно:
#top { background-color: #000000; height: 785px; background-image: url(i/bg_1.jpg); background-position: bottom; background-repeat: repeat-x; }
Так содержимое больше, вот и вылезает. Уберите из описания height.
Я б
Нет на форуме
О, сработало.
Благодарствую.
А как в целом оцените вёрстку ?
Нет на форуме
Локи написал:
О, сработало.
Благодарствую.
А как в целом оцените вёрстку ?
Не за что.
Про верстку: не валидно .
Нет на форуме