Верстка на div...Просьба помочь в тонком моменте

wilelf
На сайте с 27.06.2005
Offline
322
516

сайт: http://okline-penza.ru

в коде использую дивную верстку, но градиенты справа и слева сделаны таблицей. По-другому не смог. Как сделать на дивах?

Агентство контекстной рекламы НеВсем ( https://www.nevsem.ru/ ) Пишу платно статьи для Хабра. Мой профиль ( https://habr.com/ru/users/wilelf/ )
tobto
На сайте с 09.01.2007
Offline
66
#1

Центральный див шириной таблицы как сейчас + тени бросить по центру. Залить его однопиксельным фоном по высоте с боковыми тенями. Вбросить внутрь еще один див, поставить по центру.

эвакуатор (http://gruz-taxi.kiev.ua)
wilelf
На сайте с 27.06.2005
Offline
322
#2

что-то не получается...Штука в том, что под разрешение 1024 градиентов не должно быть видно, только под большее...

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#3

Так ширина же фиксированная, какие проблемы? Делаете высотой пикселей десять тень на всю ширину, и в CSS вот так:

html {background: #код_вашего_зеленого url(back.png) repeat-y;}
Время не ждёт.
wilelf
На сайте с 27.06.2005
Offline
322
#4
ТВЭЛ:
Так ширина же фиксированная, какие проблемы? Делаете высотой пикселей десять тень на всю ширину, и в CSS вот так:
html {background: #код_вашего_зеленого url(back.png) repeat-y;}

вот я осел...ТВЭЛ как всегда во время пришел...

serg-smirnoff
На сайте с 23.02.2008
Offline
139
#5
wilelf:
сайт: http://okline-penza.ru
в коде использую дивную верстку, но градиенты справа и слева сделаны таблицей. По-другому не смог. Как сделать на дивах?

Я бы попробовал так:

CSS


#left{
background: ('image/left.gif') right top repeat-y;
float: left;
}

#center{
float: left;
}

#right{
background: ('image/right.gif') left top repeat-y;
float: left;
}

#clear{
clear: both;
}

HTML

<div id="left">left</div>
<div id="center">center</div>
<div id="right">right</div>
<div id="clear">bottom</div>

где left.gif и right.gif соответственно горизонтальные (высотой пикселя в 2) левая и правая тени

wilelf
На сайте с 27.06.2005
Offline
322
#6

так не получится...это точно

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий