С нами с 21.07.06
Сообщения: 572
Рейтинг: 92
|
Добавлено: 09/08/10 в 22:11 |
Есть такая проблема.
Существует табличка с заголовком, отцентрованная по странице. Я хочу к этой страничке по бокам пристроить фоновые изображения. которые являются продолжением графики в табличке. Ниже пойдет таблца с контентом,и там будет обычный какой нибудь текстурный фон.
А вот боковые фоновые изобрения к верхней табличке как прикрутить, чтобы они скролились со страницей, и были именно фоновыми, не могу сообразить.
Вроде это както не очнь сложно делается с помощью CSS позиционирования, но у меня сразу как то не получается.
http://img106.imagevenue.com/img.php?image=71058_sample_122_538lo.jpg
|
|
|
|
Green wave™
С нами с 08.07.10
Сообщения: 1012
Рейтинг: -306
|
Добавлено: 10/08/10 в 04:00 |
Оффтопик: Можно замарочиться с блоками, но как по мне, разницы нет...
Высчитывешь ширину таблицы. В Фотошопе создаёшь файл шириной = ширина таблицы, по бокам которой должно быть изображение+ширина двух боковых изображений.
Расставляешь фоновые изображения слева и справа, оставшееся пустое место (по центру) можно залить в тон фона сайта, сохраняешь. (при сохранении одноцветноя часть изображения практически не повлияет на его размер в Мб.)
Далее создаётся правило для тега body
Код: [развернуть] | body {
background-image: url(../img/bodybg.jpg);
margin: 0px;
padding: 0px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
} |
|
|
|
|
С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375
|
Добавлено: 10/08/10 в 09:18 |
Код: |
<div class="fon1">
<table>.....</table>
</div>
<div class="fon2">
<table>.....</table>
</div>
|
.fon1 {background:url(../images/bg.jpg) 50% 0 no-repeat;}
.fon2 {background:#ccc;}
.fon1 table, .fon2 table {margin:0 auto;}
типа этого
|
|
|
|
Текстовая реклама в форме ответа Заголовок и до четырех строчек текста Длина текста до 350 символов Купить рекламу в этом месте! |