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

🔞 Ziskový e-shop s erotickými pomůckami

1 000 Kč

0 příhozů

Profesionální autoservis pro váš vůz

6 000 Kč

0 příhozů

Esetsecurity.sk

29 €

0 příhozů

Agresori.com

150 000 Kč

0 příhozů

Doména mexickabola.cz

20 000 Kč

0 příhozů

Poptávky Více

Hledáme grafika na externí spolupráci

Hledám investora a parťáka pro rozjezd e-shopu a rezervačního systému pro zdravotnictví v ČR

Hledám šikovného člověka pro tvorbu AI automatizovaných systémů

Flutterflow vývojář

➤➤➤➤➤➤Konzultant/ka pro zbožové vyhledávače (Heureka, Zboží.cz, Glami, Favi, Biano)

Pracovní nabídky Více

React developer

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

40 000 - 80 000 Kč

Programátor C#

Ostrava, Práce z domu

40 000 - 70 000 Kč

Frontend developer

Brno, Práce z domu

50 000 - 125 000 Kč

Do medvědího týmu teď hledáme: 🧱 Fullstack vývojáře 🧠 IT analytika 🧸 Projektového manažera

Nabídky Více

🚀 Výkonnostní marketing / PPC – META, TIKTOK, GOOGLE, SKLIK | Proinvestováno 90+ mil. Kč | Přes 10 let zkušeností

💻ZDARMA – PPC Reklama & Správa sociálních sítí

Články od A do Z od 150 Kč/NS

PRODEJ SVATEBNÍ SKUPINY S 23 000 ČLENY

Výmenný obchod směnný obchod barter