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

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

P: databáze všech domén (všechny TLD) s automaticky aktualizovaným WHOIS

1 000 Kč

0 příhozů

Poptávky Více

Tvorba webových stránek

Založení GA mimo EU

Kodér se zkušenostmi s tvorbou šablon pro phpBB fórum

Sháním specialistu na marketing

Úprava tiskových podkladů

Pracovní nabídky Více

Software Architect

Hledáme React Native vývojáře na externí spolupráci

Práce z domu, Praha

Python developer

130 000 - 150 000 Kč

Business Analyst

Práce z domu, Praha

Nabídky Více

⭐ Akce: napsání 5⭐ pozitivních recenzí pro Vaší firmu/eshop ❗ Pouze za 140Kč/recenze ❗

ŠÉFREDAKTORKA.CZ – Copywriting a obsah na míru

🌐💻📱Guava s.r.o. | Tvorba Webů, Aplikací, E-shopů, Mobilních aplikací, informačních systémů

Facebook skupiny

⭐️ KOKESDESIGN.CZ | LOGO DESIGN NA MÍRU ⭐️