| Autor | Zpráva | ||
|---|---|---|---|
| HoBi Profil |
#1 · Zasláno: 7. 2. 2014, 12:55:46
Mám problém při tvorbě horizontální obrázkové "galerie". Mám nastavenou výšku na 100% a výšku rodičovského elementu na 70%, celé je to vertikálně centrované.
Můj problém je že rodičovský element se nezmenšuje podle obrázku (když měníte výšku okna), ale zůstává mu originální šířka. Potřebuji toto: rodičovský obrázek bude mít výšku 70%, bude centrovaný a obrázky v něm se budou automaticky zmenšovat při změně výšky okna - podle poměru jednotlivých obrázků. Mělo by to býti pomocí CSS, jelikož takováto základní funkce by měla běžet i bez JS. Můj problém můžete zobrazit na http://helpimage.honzabittner.cz/ Díky moc za pomoc! :) |
||
| janbarasek Profil |
#2 · Zasláno: 7. 2. 2014, 13:18:01
HoBi:
Natáhni přes stránku jeden velký objekt a do toho teprve uváděj poměrnou velikost. Když se zmenší objekt, tak se zmenší i jeho obsah. Hodně jednoduchý příklad: <div style="width: 100%; height: 80%;"> <img src="..." alt="..." style="height: 100%;"> </div> Pokud chceš nastavit nějaké okraje u obrázku, tak stačí vložit jen margin. |
||
| HoBi Profil |
#3 · Zasláno: 7. 2. 2014, 13:55:38
janbarasek:
To tam myslím mám, div .main. |
||
| HoBi Profil |
#4 · Zasláno: 8. 2. 2014, 12:25:00
Takto to má vypadat ... http://prntscr.com/2qkoj8
|
||
|
Časová prodleva: 11 let
|
|||
0