NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Roztáhnout obrázek

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Lako
Člen
Avatar
Lako:4.9.2014 19:24

Zdravím.
Chtěl bych na úvodku svých stránek mít jeden velký obrázek, na něm nějaké texty...Potřeboval bych, aby obrázek vyplnil přesně okno prohlížeče, když se okno zmenší tak aby se obrázek zmenšoval tak,aby stále vyplňoval celé okno. K "oříznutí" obrázku by samozřejmě docházelo, když by byl "špatný" poměr stran... Pod obrázkem by byl další obsah na který by se muselo sescrolovat..
Jak takovvý obrázek mám zařídit?

Je to přesně tohle: http://dotsprint.co.uk/

Děkuji za rady

 
Odpovědět
4.9.2014 19:24
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Lako
Neaktivní uživatel:4.9.2014 19:29

Místo obrázku dáš div. Divu dáš na pozadí obrázek a nastavíš mu background size cover a vycentruješ :)

.div{
    height: 60%; /*třeba*/
    width: 100%; /*třeba*/
    background-image: url(...);
    background-position: center center;
    background-size: cover;
}
Nahoru Odpovědět
4.9.2014 19:29
Neaktivní uživatelský účet
Avatar
Lako
Člen
Avatar
Odpovídá na Neaktivní uživatel
Lako:4.9.2014 20:33

No, takle je to ale závislé na obsahu toho divu, ne?
http://jsfiddle.net/h3m874qx/

ale já nějak potřebuji roztáhnout ten div po celém volném místě.. a třeba i bez textu

 
Nahoru Odpovědět
4.9.2014 20:33
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.