Diskuze: Dá sa v css nastaviť veľkosť obrázku prispôsobená nastaveniu monitora?
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Tvůrce

Zobrazeno 12 zpráv z 12.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Jak psal Honza je to přes
background-size: cover;
... zde jsem vytvořil náhled http://jsfiddle.net/Kleo86/6FQ88/1/ ... šlo by to i s
height:100%;
width:100%;
ovšem může myslím vznikat deformace poměrů stran obrázku !!!
nejlepší je to vyzkoušet
Tie percentá mi nejak nefungujú. Treba zmeniť aj niečo iné?
img.slide {
width: 50%;
height: 50%;
position: absolute;
top: 0;
bottom: 0;
display: block;
opacity: 0;
}
co podle tebe znamená 50% z něčeho? Není to náhodou polovina? Co místo
50% použít 100%?
Skúšal som to, ale obrázok sa mi vôbec nezobrazil.
Preto som použil len hodnotu height: 600px; a tá druhá sa mi dopočíta sama.
Toto mi už vyhovuje.
Doporučuji vypnout(smazat)
opacity: 0;
... Jinak opravdu nic neuvidíš
Toto mám:
img.slide {
border-style: solid;
border-color: pink;
height: 100%;
/*height: 600px;*/
position: absolute;
display: block;
/*opacity: 0;*/
}
a obrázky nevidno.
Len pre zaujímavosť sem dám odkaz na testovaciu stránku.
libco-testy.wz.sk
Je to urobené pre potešenie mojich blízkych.
u body máš nataveno 50EM. když pak potomku dáš šířku 100% tak to zdědí tuto šířku. Body nastav na 100%. Totéž nastav DIV "slideshow".
Zobrazeno 12 zpráv z 12.