Реклама на сайте Advertise with us

Посоветуйте, как пристроить фоновые изображения к таблице

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 21.07.06
Сообщения: 572
Рейтинг: 92

Ссылка на сообщениеДобавлено: 09/08/10 в 22:11       Ответить с цитатойцитата 

Есть такая проблема.
Существует табличка с заголовком, отцентрованная по странице. Я хочу к этой страничке по бокам пристроить фоновые изображения. которые являются продолжением графики в табличке. Ниже пойдет таблца с контентом,и там будет обычный какой нибудь текстурный фон.

А вот боковые фоновые изобрения к верхней табличке как прикрутить, чтобы они скролились со страницей, и были именно фоновыми, не могу сообразить.
Вроде это както не очнь сложно делается с помощью CSS позиционирования, но у меня сразу как то не получается.


http://img106.imagevenue.com/img.php?image=71058_sample_122_538lo.jpg

0
 

Green wave™

С нами с 08.07.10
Сообщения: 1012
Рейтинг: -306

Ссылка на сообщениеДобавлено: 10/08/10 в 04:00       Ответить с цитатойцитата 

Оффтопик: Можно замарочиться с блоками, но как по мне, разницы нет...

Высчитывешь ширину таблицы. В Фотошопе создаёшь файл шириной = ширина таблицы, по бокам которой должно быть изображение+ширина двух боковых изображений.

Расставляешь фоновые изображения слева и справа, оставшееся пустое место (по центру) можно залить в тон фона сайта, сохраняешь. (при сохранении одноцветноя часть изображения практически не повлияет на его размер в Мб.)

Далее создаётся правило для тега body

Код: [развернуть]

0
 



С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375


Передовик Master-X (01.02.2007) Передовик Master-X (16.02.2007) Передовик Master-X (01.04.2007) Передовик Master-X (01.05.2007) Передовик Master-X (01.10.2007) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 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;}

типа этого

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »