Choo

Есть резиновый макет. Каждый уголок макета представляет собой симпатишный узорчик такой. Они располагаются прямо по краям, то есть, грубо говоря, вся рабочая область ими должна ограничиваться. Как бы вы такое делали? Дополнительным условием является то, что в прозрачной части этого изображения есть часть контента, т.е. это должен быть именно бэкраунд.

Есть слой с width равным 100%. Сайт резиновый. Возникла в паре мест необходимость равномерно распределять n блоков по всей ширине, если известно их количество? Мне пока приходит в голову n слоев плавающих, содержание каждого центруем, ширину делаем равной 100%/n. Может есть более удачное решение?

Удалено.

Потому что Мозилла жалеет своих юзеров )

Конечно, базы. А если нужна какая-то сложная выборка? В той же MySQL этот интерфейс реализован вполне прилично, а при работе с файлами вам придётся изобретать его заново.

Не очень. Во-первых, без спроса проигрывать музыку нехорошо. Во-вторых, что за убийственный мигающий фон на внутренних страницах? В-третьих, флеш не очень, да и в целом дизайн некачественный. Это не говоря уж о логичности и юзабилити .

Ну там видно, что это из-за "народа". Уверен, что можно и этого избежать, но оно тебе надо?

Я скажу, как бы я сделал. 1-ая таблица(groups): id - первичный ключ с автоинкрементом; title - название группы; year - год; image - ссылка на обложку. Здесь есть небольшое разветвление. Можно привязывать песни к альбомом, а можно сделать эти 2 таблицы независимыми. Не буду оба варианта рассматривать - сам догадаешь, объясню второй. 2-ая таблица(albums): id - первичный ключ с автоинкрементом; title - название альбома; group_id - идентификатор, указывающий на id группы. Можно сюда же добавить и другую информацию по альбому - то что я привёл - это минимум. 3-ая точно такая же, как вторая - ведь песни мы привязываем к группе. Если вернуть к варианту с привязкой песен к альбомам, то просто вместо group_id будет album_id, а уже альбом будет привязан к группе. Этот вариант мне кажется более логичным, чем первый.

Картинки обновил. Объясняю. Мне надо чтобы пункт меню перекрыл бордер меню контента и получилось то, что я изобразил на рисунке 1. Но перекрывает не только внутренняя часть, но и внешняя, вобщем проще на рисунок посмотреть. То что через бордеры не получится я уже не понял. Как по-другому реализовать такое меню?

Неужели никто не знает?

Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы: Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения? HTML: <div class="cats"> <ul> <li class="selected cat_events">события</li> <li class="cat_design">дизайн</li> <li class="cat_music">музыка</li> <li class="cat_extreme">экстрим</li> <li class="cat_gadjets">гаджеты</li> </ul> </div> <div class="content"> тут контент </div> CSS: div#popular_news div.cats { z-index: 2; position: absolute; width: 112px; } div#popular_news div.cats li { padding-left: 15px; padding-top: 3px; height: 22px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; font: 14px Arial; display: block; } div#popular_news div.cats li.selected { border-top: 1px solid #D9D8CA; border-left: 1px solid #D9D8CA; border-bottom: 1px solid #D9D8CA; border-right: 1px solid #FFF; } div#popular_news div.content { z-index: 1; position: absolute; min-height: 133px; width: 375px; left: 251px; border: 1px solid #D9D8CA; }

По-моему, лучше всего через кукисы. Если кука пустая - $n++, если нет - ничего не делаем. Конечно, юзер, может тереть куки, менять браузеры, и всё такое, но: а) кому это надо? б) в 99% случаев эта фича не ставит перед собой целью определять скурпулёзно достоверные данные.

У меня есть 3 блока, которые включают в себя несколько элементов, различных по высоте. Между ними слой clear, выполняющий понятную функцию. Проблема возникла тогда, когда между вторым и третьим блоком мне нужно было сделать отступ. Он почему-то был виден везде, кроме оперы. Пришлось изменить html-код на такой: <div class="clear"> </div> А в css записать так: div.clear { clear: both; height: 0; } Вроде работает, но меня беспокоит правильность решение. И с чего вообще в этих блоках, разделённых clear'ом, может не работать margin? З. Ы. Причём padding работает, а margin нет. Но padding не подходит по той причине, что у блока и разделителя разные цвета, да и по идейным тоже ничего хорошего.

Я понимаю . Фоновый цвет у меня один у обеих колонок. Только я не понимаю, как float влияет на результат.

Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

Одна придирочка небольшая. Есть элементы с повторяющимся id. Например, container_fotka. Если я не ошибаюсь, правильнее было бы сделать всё-таки классом.

Нет, но у меня нет возможности в данной вёрстке использовать такое позиционированние header. Но всё равно, большое спасибо за советы. Суть понятна - вопрос решён.

Я это понял. Правда не был уверен в том, что это нормально. Как этого эффекта можно избежать? Может быть, что то вроде bottom: -10px у родителя? Конкретно этот вариант не подошёл.

Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашивается, в слое header образуется смещение сверху в эти самые 10 пикселей? Как этого избежать? Спасибо. P.S. Не пишите, пожалуйста, об использовании background-image. Меня интересует именно такой вариант, какой я описал.