Как прописать background в CSS

4

lopuhnet

30 июня 2010, 20:38

14254

Возникла необходимость задать фон в global.css прописав


background-image: url(../img/newBack1.jpg);

я остался доволен, теперь осталось только заменить боковые колонки, по обоим сторонам должны быть вот такие вот цветочки:

Прописав


body {

background: #ffffff url(../img/newBack1.jpg);

background: #ffffff url(../img/fon.png) repeat-y  fixed left top;

background: #ffffff url(../img/fon2.png) repeat-y fixed right top;

}

Исчез первоначальный фон, осталась изменена только правая колонка...

Отчаялся, прошу помощи.

п.с. CSS то в чем я ну очень плохо разбираюсь.

Навсякий случай выкладываю начало самого global.css

*/



* {

	padding: 0;

	margin: 0

}



body {



	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	color: #5d717e;

	text-align: center

	

}







/* Useful */

.align_center { text-align: center }

Разочарование это результат неверных ожиданий

219

zhitov

30 июня 2010, 21:29

#1

У одного контейнера может быть только один фон.

Используйте дополнительные контейнеры (справа и слева) с собственными фонами.

lopuhnet:
п.с. CSS то в чем я ну очень плохо разбираюсь.

Изучайте глубже. Там ничего сложного нет.

Строительные калькуляторы ( https://www.zhitov.com/ )

79

Olldman

1 июля 2010, 01:41

#2

Фон, который слева назначаете элементу html, справа - элементу body, то, что по центру - элементам с контентом. При этом никаких дополнительных контейнеров не потребуется.

43

devastat10n

1 июля 2010, 05:54

#3

У одного контейнера может быть только один фон.

+1

У одного элемента один фон не важно изображение это или просто цвет.

Поэтому нужно три контейнера для изображений: 1, 2, 3. А потом их между собой выровнять.

Либо абсолютным позиционированием, либо релативом (по отношению друг к другу).

Профессия веб-мастер (http://webmasterprof.ru)

L

4

lopuhnet

1 июля 2010, 08:05

#4

zhitov:
У одного контейнера

Контейнер и слой, это одно и тоже?

43

devastat10n

1 июля 2010, 09:27

#5

Ладно, начнем с азов.

<div> это контейнер. Сам по себе он ничего не несет. Ничего не выводит. Представь, что это невидимая таблица. В которую можно напихать, что угодно.

А вот когда ты используешь для его расположения абсолютное позиционирование, он выбивается из общего дизайна. И уже выступает как слой.

Тогда может быть сверху наложен на другие элементы дизайна.

Вроде понятно изложил!

Google Updates - апдейты Яндекс кобласит ИИ. А вам не

S4

72

Svetle4ok

1 июля 2010, 12:58

#6

Можно загнать в фон рисунок и с правой и с левой частью, а посередине чистая заливка. Так многие делают подложки, размер файла не сильно увеличится.

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Переиграть и победить: как анализировать конкурентов для продвижения сайта