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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/velikost-obrazku-zavisi-na-delce-textu/#reply1211446

Pro odpověď se přihlašte.

Prodej Více

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Prodej realhit.cz inzertního portálu

1 900 000 Kč

0 příhozů

Prodej e-shopu Nejlevnejsivyziva.cz – sport a turistika

10 890 000 Kč

0 příhozů

Prodej e-shopu Monte-shop.cz – dětské zboží

60 000 Kč

0 příhozů

Poptávky Více

Poptávka stolních PC, monitorů a kancelářského softwaru

Hledáme fotografa na focení dárkových krabiček v Pardubicích

Poptávka: Fotograf/ka na rodinné focení v MB

Poptávka: Fotograf na rodinné focení v Brně

Hledám kameramana na promo video v Tišnově

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

IT Security Officer

Hradec Králové, Praha

Nabídky Více

Tvorba webových aplikací a MVP pomocí AI – od nápadu po funkční řešení

Spravuju Google Ads pro e-shopy a firmy. Nejdřív zjistím, kam vám teď mizí peníze, a řeknu to bez obalu.

⭐Reálné a trvalé RECENZE, které prodávají – Google, Seznam, Facebook…

⭐ MadKoala.one – Full-Stack vývoj, kde má všechno řešení ⭐ Weby • systémy • AI • automatizace • aplikace

Taxera: účetnictví pro OSVČ a malé i střední s.r.o. | portál v ceně