23:06

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

@темы: фоновые картинки

Комментарии
30.06.2008 в 12:09

Зверь-чародей
вот то, что на зарисовке, делается одним единственным изображением на фоне.
потом делается центрирование дизайна и padding-top для враппера. всё.

на body несколько картинок назначать нельзя.

поясните (нарисуйте?) зачем вам надо три изображения и где именно - будем соображать
30.06.2008 в 13:17

Рёцке попробую объяснить. я предположила, что с учетом ширины хидера в 500 пикселей, к нему понадобится дополнительное изображение, которое бы мне позволило сделать широкую верхнюю часть, таким образом, чтобы хидер не обрывался и нормально отображался во всех разрешениях. (хидер - 1 и доп. - 2) Кроме того, я хотела, чтобы у меня по краям основного блока был паттерновый фон, как на этом рисунке. (я прошу прощения, я не сразу указала его в пост) Однако, я думаю, что если этот вариант совсем невозможен, то меня бы устроил и первый. Но проблема в том, что я не могу понять к каким селекторам мне распределять изображения: к примеру, если я определю изображение 2 к селектору body и задам background-color, то кроме как поставить изображение 1 во wrapper у меня идей нет, но это вызывает у меня сложности, т.к. я не понимаю, как в таком случае мне отцентрировать основной блок и какие параметры должны быть у wrapper, чтобы мой хидер встал в верхний левый угол.
01.07.2008 в 12:37

Зверь-чародей
можно, думаю так:
картинку хидера разместить в
#extratop span
картинку дополнительного хидера в
#extratop
фон назначить для body а для #wrapper прописать белый фон

единственный момент - #extratop надо отпозиционировать абсолютно и растянуть на 100% ширины страницы. Проблема в том, что я не знаю как это сделать в IE6 без использование exprеssion которые на дайриках запрещены

хотя если вы знаете как использовать CSS хаки, то можно написать для IE6 отдельный стиль с использованием в качестве носителей картинок не екстратоп и боди, а html и body

тут надо долго и мучительно экспериментировать ^^''
01.07.2008 в 16:15

Рёцке искренне благодарна. теперь я хотя бы имею представление, что с этим делать. не думаю, конечно, что моих знаний хватит для того, чтобы довести это до ума, более того до ума в IE6 - это выше моих сил. касательно остального - проверю себя.) еще раз спасибо)