Вход

****Ice_Man**** · 02-04-2011, 02:24 AM

Юра обращаюсь к тебе за помощью так как толи парюсь уже толи хз че короч.

Вообщем есть один <div> </div> как добавить в него 2 картинки бекграунда да так чтобы одна была привязана к верху дива а другая к низу. Блин голову уже сломал с этой задачкой (

***PROGRAMMATOR*** · 02-04-2011, 11:17 AM

В одному элементу привязать 2 разных background не получится. Выход, делаем так:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title></title>

<style type="text/css">

* { border: 0; margin: 0; padding: 0; }

#main { margin: 0 auto; width: 1000px; }

#main #header { background: #fff url(header.jpg) no-repeat 0 0; height: 625px; }

#main #content { height: 700px;  }

#main #footer { background: #fff url(footer.jpg) no-repeat 0 0; height: 102px; }

</style>

</head>



<body>

<div id="main">

  <div id="header">

  

  </div>

  

  <div id="content">

  

  </div>

  

  <div id="footer">

  

  </div>

</div>

</body>

</html>

Верхний background без разницы к чему установить, это может быть body, #main или #header. Пример http://www.seomax.info/html/background/ Если речь о каком-то блоке, то в любом случае придется в нижнюю часть добавить еще один элемент.

****Ice_Man**** · 02-06-2011, 01:09 AM

PROGRAMMATOR Написал:В одному элементу привязать 2 разных background не получится.

Юрка огромное спасибо за помощь. Ночером тупил по страшному на утро выкрутился другим способом марджинами, у меня выше в css было заданно в боды отступы всей таблице и фон просто не хотел растягиваться из за этого назначил отступы справа и слева и в оконцове получил много свободного места в диве для какой нибудь полезной информации например.
Правда мой выкрутас с margine меня немного напрягает мб есть у тебя есть другое решение для данной проблемы.

P.S. В аську ответь плиз хоть подай знак, что жив чет молчишь как партизан.

Вход
Имя пользователя:
Пароль:	Забыли пароль?
	Запомнить меня

Возможно похожие темы ...
Тема		Автор	Ответы	Просмотры	Последний пост
	Наемник в среде программирования Pascal Basic Perl PHP Html Kotlin js c++ c# python web razrab	Argyment	1	947	01-27-2023, 12:45 PM Последний пост: Argyment
	Копирование html;PHP - кода	M1xF1ght	6	2,244	11-30-2017, 09:16 AM Последний пост: Anikey
	Калькулятор ( js +html )	gorodetskiy	1	2,745	08-02-2012, 03:04 PM Последний пост: gorodetskiy
	Изучаем HTML, XHTML и CSS	Комиссар	16	8,192	07-13-2012, 07:22 PM Последний пост: Комиссар
	верстка макета в HTML код	Duha199612	7	3,693	01-25-2012, 08:36 PM Последний пост: [STIGMATED]
	Предзагрузка картинки html	Horus92	6	5,026	05-22-2011, 10:51 AM Последний пост: Azagthtot
	Как обучиться HTML,PHP?	pankration	13	6,282	06-26-2010, 01:56 PM Последний пост: Aquanox