Avatar
Lako
Člen
Avatar
Lako:

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
Jiří Gracík
Redaktor
Avatar
Odpovídá na Lako
Jiří Gracík:

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
Creating websites is awesome till you see the result in another browser ...
Avatar
Lako
Člen
Avatar
Odpovídá na Jiří Gracík
Lako:

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.