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
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ý.