[css, img] Автоматическое изменение ширины картинки

dimidrol
На сайте с 29.09.2005
Offline
191
1180

Добрый день.

Можно ли средствами css сделать следующую вещь. Есть картинка размером 1000х200, в зависимости от экрана размер div, в котором находится изображение может меняться от 1000 до 800 px. Как сделать так чтобы при изменении div'а картинка обрезалась по ширине divа и центрировалось изображение. Без включения img в отдельный div c overflow:hidden;

Иногда полезно проигрывать - это держит тебя в тонусе... Мне так рассказывали (с) Shark Покупаю сайты (стройка/отделка/стройматериалы) по адекватной цене. Предложения в личку. Траф - обязателен
dkameleon
На сайте с 09.12.2005
Offline
386
#1

background: url() no-repeat center center;

Дизайн интерьера (http://balabukha.com/)
dimidrol
На сайте с 29.09.2005
Offline
191
#2
dkameleon:
background: url() no-repeat center center;

А универсального решения нет? Чтобы не прописывать каждую картинку в css

dkameleon
На сайте с 09.12.2005
Offline
386
#3
dimidrol:
А универсального решения нет? Чтобы не прописывать каждую картинку в css

<div style="background-image: url();"></div>

Veterok2009
На сайте с 28.11.2009
Offline
129
#4
dimidrol:
А универсального решения нет? Чтобы не прописывать каждую картинку в css

инлайново пропишите стили и будет счастье)

dimidrol
На сайте с 29.09.2005
Offline
191
#5
Veterok2009:
инлайново пропишите стили и будет счастье)

это как???

GA
На сайте с 16.06.2013
Offline
61
#6
dimidrol:
это как???

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

dkameleon:
<div style="background-image: url();"></div>
Jor
На сайте с 23.06.2012
Offline
42
Jor
#7

Такой вариант для всех изображений, без дополнительного div.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий