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

Doména – NejlepsiKurz.cz

5 000 Kč

0 příhozů

www.chat4touch.com doména pro živý chat, DA 24 již byla v provozu ale nyní je provoz přerušen, připraven pro relaunch, je možno dokoupit i web

15 000 Kč

0 příhozů

www.nahemodelky.cz , DA 24, dvoujazyčný web slouží k náboru modelek na live chat a získání nových zákazníků

8 000 Kč

0 příhozů

https://www.tvorbawebu.site

5 000 Kč

0 příhozů

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

9 700 Kč

0 příhozů

Poptávky Více

💼 Obchodní zástupce/kyně – Oblast vývoje software a DevOps engineering (DPP/IČO, remote) 🚀

Automatizace přeposílání emailu ,kde vybere podle zadání přílohy a přepošle

Nabídněte Vaše weby, které chcete prodat. 💸

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Vytvoření webové aplikace

Pracovní nabídky Více

Vývojář interaktivních webových aplikací

Vývojář .NET aplikace (Blazor)

Aplikační inženýr – L2 podpora

💼 Sales Lead (Fix 40-50.000 Kč + 8 % z každého dealu, remote)

Práce z domu, Praha

80 000 - 120 000 Kč

C++ PROGRAMÁTOR

55 000 - 95 000 Kč

Nabídky Více

Letecké záběry dronem – Foto & Video

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Automatický obchodní systém na finančních trzích

Zprostředkuji prodej několika webových stránek a domén

Přístup k databázi: 500 mil. kontaktů celosvětově