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

verified

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

verified

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

verified

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.

Prodej Více

TipyProDum.cz – ideální pro magazín, blog nebo e-shop!

1 000 Kč

0 příhozů

prerusovanypust.cz

15 000 Kč

0 příhozů

🔝 DR 46! Prémiová doména FinCredit.online k prodeji 💼

1 299 Kč

0 příhozů

Prodám doménu Starflix.sk – DR 57, žádné spamové skóre!

1 499 Kč

0 příhozů

krytaren.sk

1 Kč

0 příhozů

Poptávky Více

Poptávám: vytvoření CRM modulu v CMS

Koupím weby s výdělkem min. 2 000 Kč / měs

Nastavení Ověřeno zakazniky + konverze + konverze Sklik na WordPress.

Seznam e-mail warming – odměna 500 Kč

Dodavatel Apple a jiné repasované techniky

Pracovní nabídky Více

Datový analytik / vývojář

Seniorní PPC specialista

45 000 - 65 000 Kč

ACCOUNT MANAGER

40 000 - 60 000 Kč

40 000 - 50 000 Kč

Ostrava, Práce z domu

100 000 - 115 000 Kč

Nabídky Více

PHP Vývojář 30h/měsíc

Danová přiznání , vedení účetnictví

💡 Virtuální asistentka, která tvoří srdcem – Pomohu vám s obsahem, Instagramem i e-shopem

🔥 Tvorba www stránek a e-shopů | WordPress a Shoptet | RadekVanat.cz 🚀

Ako získať viac zákazníkov z internetu doma a vo svete?