Anonymní profil HoBi – Programujte.com

Takto to má vypadat...

http://prntscr.com/2qkoj8

Bohužel se mi buď obrázky nezmenšují v poměru, nebo rodičovský element zachovává originální šířku.

Nemá někdo nápad jak to vyřešit, případně odkaz na stránku kde to takto mají?  [:P]

#14 Flu
Udělal jsem to stejně a koukám že to funguje, ale jen ve FF. V chromu mi to dělá zas něco jiného... -_-

Asi bude lepší když se kouknu, jak mají dělanou nějakou vertikálně centrovanou galerii někde jinde ;)

#12 Flu
Divné, ale to mi dělá úplně to samé :P

Dostal jsem se tedy zatím nejdál jen že mi to drží šířku a deformuje výšku, jako je na webu ukázáno teď... :/

#10 Flu
Nu, a šlo ti to udělat bez těch divů nějak? Protože ani to mi nešlo...
 

#8 Flu
Super... :)

#6 Flu
Jasně, udělám to tedy i s těmi p-two atp... Pak to nahraji na ten samý web.
 

Tak se tedy večer koukni, snad tě něco napadne... :P

#4 Flu
Ty .p-one, .p-two etc. mají význam pro stylování velikostí a rozložení img. V p-one je rozložení vedle sebe při 100% height a p-two pod sebe, každý výšku 50%...

Zkouším to ve FF, ale mě to tedy nefunguje...

#2 Flu
div .p-one smazat nemohu, ten je důležitý, jelikož pak tam budou i jiné... p-two či p-three, které budou dávat více obrázků pod sebe.

Btw. pokud nechám obrázek bez .p-one, tak se mi u obrázku šířka nemění a jen se deformuje na výšku.

Kdyžtak si to můžeš zkusit v chrome devtools :)

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! :)