Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu. Zároveň využij akce až 80 % zdarma při nákupu kreditů. Více informací:
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
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.