Zadejte hledaný výraz...

Velikost obrázku závisí na délce textu

Kakaku
verified
rating uzivatele
(5 hodnocení)
17. 7. 2016 17:12:20
Zdravím,
potřeboval bych poradit.
20243
Mám následující stav, mám div, na kterém je (pro jednoduchost) v levé části text a v pravé části obrázek. Nevím, jak bude div velký, protože má záviset na DÉLCE TEXTU (nikoli na velikosti obrázku) a velikost obrázku se přizpůsobí velikosti textu (divu).
Nemůžu tuto situaci vyřešit, proto se obracím na vás, snad mě někdo ze zdejších kóderů pomůže.
Děkuji
17. 7. 2016 17:12:20
https://webtrh.cz/diskuse/velikost-obrazku-zavisi-na-delce-textu/#reply1211448
smrtka
verified
rating uzivatele
(3 hodnocení)
17. 7. 2016 19:32:37
Je v tom více neznámých a nebude to v některých případech úplně jednoduché - např. situace kdy by jste podle výšky bloku textu nastavil výšku obrázku, ale tím se změní šířka obrázku, změní se prostor pro text a tak i jeho výška a jste zase na rozdílné výšce.
Pokud by nevadilo boční oříznutí, tak bych obrázku určil pevnou šířku např přes konstatní pravý padding obalu a doprava absolutně umístěný prvek pro img s konstantní šířkou, 100% výškou a overflow hidden, do něj bych umístil img s výškou 100%.
17. 7. 2016 19:32:37
https://webtrh.cz/diskuse/velikost-obrazku-zavisi-na-delce-textu/#reply1211447
Jan Matoušek
verified
rating uzivatele
17. 7. 2016 19:48:30
Edit fiddle - JSFiddle
Vyřešeno poměrně jednoduše :) obrázek má background-position: cover, takže obrázek bude viditelný z co největší části a nebude zdeformovaný.
17. 7. 2016 19:48:30
https://webtrh.cz/diskuse/velikost-obrazku-zavisi-na-delce-textu/#reply1211446
Pro odpověď se přihlašte.
Přihlásit