Верстка блока

[kamaz6141]

Добрый день форумчане, сразу говорю что в html и css я чайник, собственно и создал тут тему дабы получить ответ, а не "иди юзай гугл" и "учи учебники". А вот и проблема:

Создал я в PS фон блока, разделил его на 3 части и сохранил, создал DIV с классом:

<div class="box"></div>

затем описал класс:

.box{
border:1px solid #000;
width: auto;
height: auto;
margin:10px auto;
background:url('../image/Верхняя часть фона.png') no-repeat center top;
background:url('../image/Средняя.png') repeat-y center;
background:url('../image/Нижняя.png') no-repeat center bottom;
}

и как я думал у меня получится фон блока соединённый из 3 частей...но к сожалению ничего не вышло...как же сделать правильно?

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

[Vlad]

В CSS2 для одного элемента можно задать только один фоновый рисунок. У вас нижний background перекрывает верхние, поэтому будет виден только рисунок Нижняя.png. Есть два решения: классическое и новое модное.

Использовать два вложенных элемента

http://htmlbook.ru/faq/kak-dobavit-dva-fon...odnomu-elementu

CSS3

http://htmlbook.ru/blog/dva-fona-i-bolshe

[Clubberry]

В книге CSS3 FOR WEB DESIGNERS (Dan Cederholm) очень хорошо описан метода использования несколько фонов.

[kamaz6141]

Спасибо за подробные разъясненья, всё понял, буду изучать =)

В книге CSS3 FOR WEB DESIGNERS (Dan Cederholm) очень хорошо описан метода использования несколько фонов.

и ещё можно ссылочку на книгу?

Edited March 4, 2011 by kamaz6141

[Vlad]

Ссылки на книги для скачивания на форуме запрещены. Кому надо, тот и так найдёт.

[Clubberry]

Я автора указал, книгу не сложно найти, даже по первым ссылкам гугла.

[kamaz6141]

ок, спасибо вам большое

и снова возник вопрос =(

#menutop{
background:url('../images/1.png') no-repeat center top;
}

как сделать чтобы высота блока автоматически выставлялась по высоте изображения?

[Vlad]

Для фона через CSS никак. Вставьте в блок обычное изображение.

[kamaz6141]

Вобщем чтобы небыло много вопросов...дали задание сделать сайт на html/css , 2-х колоночный, чтобы в левой части - меню, а в правой - статьи, так чтобы при переходе по меню менялась информация справа...начал я всё делать фреймами, но как то геморно, есть ли варианты создания подобного сайта не фреймами, а обыччными DIV'ами?

Может что посоветуйте?

[Vlad]

Возьмите за основу этот макет

http://htmlbook.ru/layout/fiksirovannaya-s...vigatsiya-sleva

Сделайте одну типовую страницу, а затем скопируйте полученный файл по числу пунктов меню. В каждом файле замените статью и выделите текущий пункт меню.