Адаптивные див блоки друг под другом

@Dikiii · Регистрация: 24.09.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте! подскажите как можно реализовать то что на картинке?
del
заднюю рамку без использования картинок передняя картинка миниатюра
Такое оформление должно быть адаптивным под разные размеры Если сжимать окно браузера и картинка не вмещается она меняет размеры по мере уменьшения окна браузера рамочка за картинкой пропорционально тоже уменьшается!?

Комментарий модератора

1 ссылка битая
2 изображения нужно загружать на форум

@user20011993 · 24.09.2015, 21:04

ссылка на картинку не работает. но про рамки-может быть тебе помогут тени (box-shadow)

@Mihail29 · 24.09.2015, 23:46

Здравствуйте! Не совсем понял, но попытаюсь помочь.

HTML5

1
2
3

<div id="ramka">
<img src="путь_к_картинке">
</div>

и подключить css

CSS

#ramka{
border-style:solid;
border-color:black;
border-width:3px;
}
#ramka img{
width:100%;
}

Вроде так. Ну точнее смогу сказать когда предоставите рабочую ссылку на картинку желаемой вёрстки или пример, хоть что нибудь.

@user20011993 15 / 15 / 1 Регистрация: 19.10.2012 Сообщений: 570
	24.09.2015, 21:04	2
	ссылка на картинку не работает. но про рамки-может быть тебе помогут тени (box-shadow) 0

	24.09.2015, 23:46

Адаптивные див блоки друг под другом

Решение