PDA

Показать полную графическую версию : [решено] Верстка слоями (Div)


Bullet-Avalon
26-11-2008, 21:50
Добрый день, я новичек в веб-дизайне, вот учусь щас верстать с помощью слоем (Дивов)...
Вот вопр, мне нужно разместить 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 - назовем их так.

dmitryst
26-11-2008, 22:48
Для слоя 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.

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

Sham
28-11-2008, 05:55
+ z-index для каждого слоя

Coutty
28-11-2008, 07:01
Эта ваша тема (http://forum.oszone.net/thread-124308.html) не про то же самое?

Bullet-Avalon
28-11-2008, 09:49
Эта ваша тема не про то же самое? »
Ну судя по ответам, которые мне дали тут и там, получается - нет




© OSzone.net 2001-2012