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

Prodej katalogu Rychlavyuka.cz – soukromí učitelé z celé ČR.

80 000 Kč

0 příhozů

Prodej webu Horoskop 24/7 – Automatizovaný portál (AI) s horoskopy pomocí ChatGPT

4 900 Kč

0 příhozů

Inzertní server Rajbazar.cz

7 000 Kč

0 příhozů

INTELLIGENT FOOD | JIDLO ZE SUPERPOTRAVIN | E-SHOP Inteligentního jídla

15 000 Kč

0 příhozů

chystamesvatbu.cz

1 990 Kč

0 příhozů

Poptávky Více

🚀 Hledám Technického Partnera pro stavbu ziskové desktop aplikace (50% Equity)

Hledám investiční příležitosti do startupů a firem (100 000 – 5 000 000 Kč)

Marketingové spolupráce pro nové špičkové stavební systémy

Hledám parťáka/investora pro online projekt s velkým potenciálem

Pracovní nabídky Více

Práce z domu, Praha

SYSTEM TEST ENGINEER

Práce z domu, Praha

AUTOMATIZAČNÍ TESTER – Payments Processing

INTEGRAČNÍ TESTER/KA

React JS Developer

Ostrava, Práce z domu

60 000 - 80 000 Kč

Nabídky Více

🔥 NEMOŽNÉ DO 3 DNŮ?! Ano! Web za 5-10tis. Kč do 3 dnů! Úvodní konzultace zdarma! 🔥

Tvorba webových stránek a e-shopů, které opravdu fungují a osloví vaše zákazníky!

📣 Rychlý web do 2 dnů, konzultace zdarma!

Vyrobíme Vám reklamní předměty, prezentační systémy a oblečení s potiskem

Vyrobíme merch pro influencery, sportovní kluby nebo spolky – žádná počáteční investice!