CSS - 5 фонов в div - HTML и CSS

keen_ · 18.06.2012, 22:09

Скажите пожалуйста, а каким образом возможно сделать 5 фонов (background) в div блоке?

Допустим, что ширина блока 100%, т. е. он "резиновый".
Нужно, чтобы один фон прижимался к левой стороне блока, врехниий фон - к верху, правый фон - к правой стороне, нижний фон - к низу, а пятый фон веритикально по центру блока и горизонтально по верху. В середине блока будет вертикальное меню навигации.

Подскажите пожалуйста

Cone · 19.06.2012, 08:43

Очень просто
Надо все дивы затолкать в один

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
	<title>Untitled</title>
</head>

<style>


.container {
display:block;
background:red;
padding:10px;
}

.l-img {
display:blok;
background:url ('some.png') top  left  repeat-y;
}

.t-img {
display:blok;
background:url ('some.png') left  top repeat-x;
}


.r-img {
display:blok;
background:url ('some.png') right  top repeat-y;
}


.b-img {
display:blok;
background:url ('some.png') left  bottom repeat-x;
}

.content {
padding:10px;
background:silver;
display:block;
}

</style>

<body>
<div class="container">
 <div class="l-img">
  <div class="t-img">
   <div class="r-img">
    <div class="r-img">
	
	<span class="content"> My content </span>
	
	</div>
   </div>
  </div>
 </div>
</div>


</body>
</html>

keen_ · 19.06.2012, 12:25

Огромное большое спасибо с кисточкой!

Пусть день ваш будет благостным и счастливо-бархатистым!

18.06.2012, 22:09	#1
keen_ Форумчанин Регистрация: 07.12.2011 Сообщений: 112	CSS - 5 фонов в div Скажите пожалуйста, а каким образом возможно сделать 5 фонов (background) в div блоке? Допустим, что ширина блока 100%, т. е. он "резиновый". Нужно, чтобы один фон прижимался к левой стороне блока, врехниий фон - к верху, правый фон - к правой стороне, нижний фон - к низу, а пятый фон веритикально по центру блока и горизонтально по верху. В середине блока будет вертикальное меню навигации. Подскажите пожалуйста

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Несколько фонов на сайте	Benderben	HTML и CSS	4	15.03.2011 16:44
Построение страници div + css	cyclobe	HTML и CSS	14	12.01.2011 18:35
css меню обрезается другим div	retail_ret	HTML и CSS	2	13.08.2009 16:50
Позиция текста по отношению к картинке в блоке <div>, CSS	FINoM	HTML и CSS	3	11.06.2009 16:31

19.06.2012, 12:25	#3
keen_ Форумчанин Регистрация: 07.12.2011 Сообщений: 112	Огромное большое спасибо с кисточкой! Пусть день ваш будет благостным и счастливо-бархатистым!