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

Metaverze.cz – doména s DR 24 na prodej

3 000 Kč

0 příhozů

LevnyObchod.cz – 20 let stará doména s DR 28 na prodej

18 000 Kč

0 příhozů

Připravený e-shop www.forhouse.cz

17 900 Kč

0 příhozů

13 letá doména + aktivní funkční služba

1 000 Kč

0 příhozů

🔥Adult Video web s AI texty, SEO a velkým výdělkovým potenciálem

1 000 Kč

0 příhozů

Poptávky Více

Hľadáme partnera na tvorbu jednoduchých videí

Migrácie WP a nastavenie AI asistentov (zapier, make, makro v exceli a pod.)

Hledám grafika na volné noze

Úprava webu WordPress – dnes

Natáčení nemovitostí – dlouhodobá spolupráce!

Pracovní nabídky Více

Backend Developer – Kubernetes & Cloud

80 000 - 140 000 Kč

Práce z domu, Praha

Hradec Králové

Product Owner & Delivery Manager pro softwarové vývojové projekty s němčinou

Práce z domu, Praha

Šikovný IT Specialista 👨‍💻 | klidná firma, kariérní růst & fajn tým (M/Ž)

95 000 - 100 000 Kč

Nabídky Více

PPC 👨🏻‍💻 | Vlastníte e-shop?🔥🚀 | ZÁRUKA VRÁCENÍ PENĚZ | 6+ let praxe ✅

Nabídka Microsoft365 a EDR antiviru SentinelOne – licence i správa

🤖 Bezvabot.cz | AI Chatbot který zvýší prodeje na vašem webu💰💰

Nabízím licenci ES Pohoda E1 Premium

Úprava a správa XML feedů v aplikaci Mergado a Napojse, Shoptet, Marketplace, Amazon, Kaufland , Allegro a další.