Bryant-24

Понял, всем спасибо за советы - буду пробовать верстать.

Даже если я скажу, что этот декоративный элемент выступает в роли рисунка? Все равно можно без таблиц обойтись?

Почему выбрал именно через таблицы - потому что с ее помощью легче будет расставить по углам рисунок (1 и 2 ячейка) и задать 100% ширину экрана. А еще поводом послужило следующее, на рисунке видно, что мне необходимо, чтобы после выпадающего списка была декоративная рамка.

Я начал заниматься версткой совсем недавно и хотел бы узнать. Хочу сделать резиновое меню на сайте, но возник один вопрос - можно ли сделать меню через таблицу, как показано на рисунке:Сейчас поясню, то есть каждая ячейка (кроме 1 и 2 на рисунке) при наведении будут выдавать выпадающий список. При этом, насколько я понимаю, при наведении на ячейку, выпадающий список появляется в виде таблицы. Возможно ли это?

Все, разобрался. Дописал в стиле для header_inner2 следующее: text-align:centerи логотип выровнялся по центру экрана.

sigma77, пропишите пожалуйста еще стиль для класса логотипа чтобы его правильно выровнять по центру?

sigma77, спасибо большое - Вы точно все описали. У меня действительно имеется PSD макет со слоями, использую все так, как Вы и описали =)

pika, может ты и прав - размеры не обязательно. Но, думаю, лишним не будут

Все, получилось. Спасибо большое - я ступил, прописал отступ, как avto, вместо положенного auto. Размер картинок чуть уменьшил, чтобы все они по длине влезли в "одну строчку". Если кому нибудь вдруг понадобиться подобное - прописываю готовый вариант кода. index.html: <div id="header"> <div id="header_left"> <!--Контейнер для левой картинки--> <img src="images/header_left.png" /> </div> <div id="header_right"> <!--Контейнер для правой картинки--> <img src="images/header_right.png" /> </div> <div id="header_logo"> <!--Контейнер для центральной картинки--> <img src="images/header_logo.png" /> </div> </div> И style.css: #header { background: url(images/header_block.png) repeat-x; /*Путь к фоновому рисунку и повтор по горизонтали*/ width: 100%; /*делаем ширину на всю страницу*/ } #header_left { /*стиль для контейнера левой картинки*/ float: left; /*прижимаем к левому краю*/ width:226px; /*размер картинки по ширине*/ } #header_right { /*стиль для контейнера правой картинки*/ float:right; /*прижимаем к правому краю*/ width:294px; /*размер картинки по ширине*/ } #header_logo { /*стиль для контейнера центральной картинки*/ width: 483px; /*размер картинки по ширине*/ margin: 0 auto; /*отступ сверху и снизу 0, слева и справа - одинаковое, чтобы картинка была по центру*/ } #header, #header_left, #header_logo, #header_right { height: 335px; /*для всех контейнеров делаем высоту, равную высоте картинок*/ } Всем большое спасибо! sigma77, макет вот, только я еще не до конца сделал фоновый рисунок как надо, но должно получиться именно так.

Статья про табличную верстку - а мне все таки нужно через блочную сделать. Делаю скриншот результата - проставил отступы на avto, вот что получилось:

Спасибо за ответы: CalvinKlein, статью прочитал, но у меня немножко другой случай, рисунок должен быть полностью на экране монитора и растягиваться. я выделил три части рисунка, которые должны прижиматься соответственно слева, по центру и справа. Все остальное - будет фон рисунка, который повторяется на вытянутых местах. pika, попробовал так, как ты сказал - вставил в html код теги <img>. В результате код принял следующий вид. index.html: <div id="header"> <div id="header_left"> <img src="images/header_left.png" /> </div> <div id="header_right"> <img src="images/header_right.png" /> </div> <div id="header_logo"> <img src="images/header_logo.png" /> </div> </div> И style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { float: left; width:226px; } #header_right { float:right; width:294px; } #header_logo { width: 483px; margin: 0 226px; float: center; } #header, #header_left, #header_logo, #header_right { height: 335px; } Теперь левый рисунок прижимается к левому краю, правый - к правому, а вот центральный рисунок не хочет становится по середине. Тут как то надо поиграть с отступами margin: 0 226px;только вот как я не менял - он не хочет становиться в центр.

Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png) no-repeat; float: left; } #header_logo { background: url(images/header_logo.png) no-repeat center; } #header_right { background: url(images/header_right.png) no-repeat right; } #header, #header_left, #header_logo, #header_right { height: 335px; }И не получается Я только знакомлюсь с DIV-ой версткой - подскажите, как сделать, чтобы картинка была ровно размещена на сайте?