Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

резиновый фон в блоке "div"

Обсуждение темы резиновый фон в блоке "div" в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; как сделать, чтобы фоновая картинка в блоке "div" растягивалась по всей площади блока несмотря на собственный размер картинки? В css у меня не ...


Закрытая тема
 
Опции темы
Старый 22.02.2010, 23:03   #1
как сделать, чтобы фоновая картинка в блоке "div" растягивалась по всей площади блока несмотря на собственный размер картинки? В css у меня не получается, а в html вот этот код почему то не работает:<div background="picture.gif" height 100% weight:100%>
 
Старый 22.02.2010, 23:03
Ссылки
Старый 22.02.2010, 23:16   #2
Цитата:
<div style=" background-image:url('picture.gif'); width:100%; height:100%; "></div>
или
Цитата:
<div class="pich"></div>
и к нему css
Цитата:
.pich { background-image:url('1_13cd.jpg'); width:100%; height:100%; }
 
Старый 23.02.2010, 00:35   #3
это не рабОтАет
 
Старый 23.02.2010, 00:47   #4
Гы. и не будет )))
Не... ну див то конечно будет 100% шириной...
Но вот картинка не измениться...
Извините, уважаемый топикстартер, но в html такой возможности нет. мона растягивать Только img тянуть можно - фоны не тянутся и баста.
 
Старый 23.02.2010, 00:51   #5
Цитата:
Сообщение от nikolai Посмотреть сообщение
это не рабОтАет
Код:
<div style="background:white url('/images/tires.jpg') repeat-x 0 0;  width:100%; height:100%;"> </div>
это просто будет повторять картинку

Добавлено через 1 минуту

Цитата:
Сообщение от Асмодиан Посмотреть сообщение
Гы. и не будет )))
эт.... я чет.... притупил....
видать работать на сегодня хватит

Цитата:
<div><img alt="#" src="/images/tires.jpg" width="100%" height="100%" /></div>

Последний раз редактировалось vitaly-go; 23.02.2010 в 00:53.. Причина: Добавлено сообщение
 
Старый 23.02.2010, 04:15   #6
а если через "img", то как текст на картинку наложить правильно?
 
Старый 23.02.2010, 09:57   #7
через позиционирование и свойство
Цитата:
z-index: 1;
и
Цитата:
z-index: 2;
полезно для изучения основ html и css
 
Старый 23.02.2010, 10:05   #8
http://css-tricks.com/perfect-full-p...kground-image/
можно так.
 
Старый 23.02.2010, 15:17   #9
спасибо, как я сразу не догадался!
 
Старый 23.02.2010, 19:52   #10
nikolai, Nimans правильно говорит. Делать растягивающуюся картинку неправильно. Это будет выглядеть очень криво. А вот бэкграунд, заведомо больший по размеру и заполняющий всё пространство - это хорошо.
 
Старый 23.02.2010, 19:52
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
<script language="text/javascript" charset="utf-8"... handler HTML, CSS, JavaScript 4 18.07.2011 17:16
"Оцените, господа!" или "Когда клиент через год переоценивает взгляды" ()@ZI$ Зал дебютантов 15 30.11.2005 09:50
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу" Florid Кальянная 1 22.08.2005 19:24
"резиновый" сайт Grizi HTML, CSS, JavaScript 5 27.01.2005 16:42
Очень бы хотелось услышать советы "бывалых" и "знающих" tim Зал дебютантов 10 10.05.2004 09:48


Текущее время: 12:59. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум