logo
17.07.2016 17:12
1
Zdravím,
potřeboval bych poradit.
Název:  problem.png
Zobrazení: 195
Velikost:  37,6 KB

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

Co se právě děje na Webtrhu?

17.07.2016 19:32
2
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.07.2016 19:48
3
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ý.