Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » [решено] Верстка слоями (Div)

Ответить
Настройки темы
[решено] Верстка слоями (Div)

Старожил


Сообщения: 164
Благодарности: 0

Профиль | Отправить PM | Цитировать


Добрый день, я новичек в веб-дизайне, вот учусь щас верстать с помощью слоем (Дивов)...
Вот вопр, мне нужно разместить 3 слоя на одной линии(по горизонтали), и одного размера, сейчас поясню:
Вообще при сложении этих 3 слоев воедино должна получиться рамка с внутренней заливкой:
1 слой, который должен находиться слева, это изображение с размерами: шириной в 1 пиксель и высотой в 90 пикселей (этот рисунок, (назовем его img1.gif) так сказать рамка которая состоит из 3 цветов, чтото вроде радуги)
2 слой который дожен плотно прилегать к 1 слою - background-image с определенной заливкой узором (img2.gif) , шириной в 898 пикс, и высотой в 90 пикс .
3 слой это опять же рамка, которая огранич слой 2 с правой стороны,шириной в 1 пиксель и высотой в 90 пикселей (этот рисунок, (назовем его img1.gif).

вот не могли бы вы мне написать, что именно надо писать (чтобы эти 3 слоя плотно прилегали др к другу) в коде CSS ну и в index.php - назовем их так.

Отправлено: 21:50, 26-11-2008

 

Аватара для dmitryst

Ветеран


Сообщения: 7116
Благодарности: 886

Профиль | Отправить PM | Цитировать


Для слоя 1:
position:absolute;
left:0px;
width:1px;
height:90px;

Для среднего слоя:
position:absolute;
left:1px;
width:898px;
height:90px;

Для слоя справа:
position:absolute;
left:899px;
width:1px;
height:90px;

Ну, и у каждого свой background.

-------
Осваиваю FreeBSD


Отправлено: 22:48, 26-11-2008 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Ветеран


Сообщения: 3806
Благодарности: 824

Профиль | Отправить PM | Цитировать


Почему же это слои? - Они ведь не перекрываются ;-) Слои были в Netscape.

Отправлено: 22:36, 27-11-2008 | #3


Deadooshka


Сообщения: 2482
Благодарности: 671

Профиль | Отправить PM | Цитировать


+ z-index для каждого слоя

Отправлено: 05:55, 28-11-2008 | #4


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Эта ваша тема не про то же самое?

Отправлено: 07:01, 28-11-2008 | #5


Старожил


Сообщения: 164
Благодарности: 0

Профиль | Отправить PM | Цитировать


Цитата Coutty:
Эта ваша тема не про то же самое? »
Ну судя по ответам, которые мне дали тут и там, получается - нет

Отправлено: 09:49, 28-11-2008 | #6



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » [решено] Верстка слоями (Div)

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Верстка DIV'ами (разлазится в IE6) darksmoke Вебмастеру 5 27-12-2009 13:54
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? stalingrad432006 Вебмастеру 6 04-11-2008 16:57
[решено] Верстка XHTML. Едет в Firefox. Artem-Samsung Вебмастеру 2 13-12-2007 00:56
блочная верстка часть 2 (DIV) Vlad Drakula Вебмастеру 3 08-07-2006 13:26
блочная верстка часть 1 (DIV) Vlad Drakula Вебмастеру 33 08-07-2006 10:37




 
Переход