Здравейте,
имам проблем със задача 5. Искам при намаляването на размера на страницата, фоновата снимка на header-a да се resize-не. Опитах се да направя нещо с min и max height, но не сработва. diva на който background е снимката, не ме слуша и не иска да приеме height:270px. Пробвах доста варианти, но не открих магическата комбинация. :-D
Някой има ли идеи? >> View
Защо не сложиш височина на div-a.
#wrapper > header {
width:100%;
min-height:90px;
background-color:red;
height:270px;
}
Така работи. :)
EDIT: Всъщност div-a ти не се resize-ва във височина така. Ако искаш да е и във височина трябва да го направиш в проценти спрямо parent-а. По-добре използвай img tag за снимката.
Правиш каринката бекграунд и на дива задаваш:
background-size: cover;
Успех :)
И аз така прая, но
Как е по добре - image-ите като background-image на div ili като img в html-a?
Поздрави!
СК
Винаги е за предпочитане като bg в css-a. ;)
ПС: правилото е всичко, което се отнася към визуалната част на сайта, да се поставя в цсс-а. Използвай img само, ако изображенията ти са част от съдържанието на сайта (динамично или не генерирано)