Autor Zpráva
HoBi
Profil
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
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
janbarasek:
To tam myslím mám, div .main.
HoBi
Profil
Takto to má vypadat ... http://prntscr.com/2qkoj8

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: