Autor Zpráva
Hadžim
Profil
Čau, potřeboval bych poradit. Dá se nějak udělat, aby se obrázek zobrazil s takovými rozměry, jako má nadřazený prvek??? Příklad, mám div řekněme s šířkou 80% a pak mám fotku, kterou chci v tomto divu zobrazit. Chtěl bych ale, aby se mi její zobrazená velikost upravila podle velikosti toho divu (aby uživatel nemusel rolovat do stran) Nevíte někdo jak na to. Nerad bych použil java-script, pokud možno čistě pomocí CSS. Dík H
Honza Hučín
Profil
Obávám se, že to pomocí CSS nejde. Prohlížeč podle mého soudu umí měnit velikost obrázku (v elementu img) jen pomocí atributů width a height.
centi
Profil
Da sa to, napriklad takto:

<html>
<head>
<style type="text/css">
div.foto {width: 5em; height: 3em; border: 2px solid red;}
img {width: 100%; height: 100%;}
</style>
</head>
<body>
<div class="foto"><img src="foto.jpg"></div>
</body>
</html>


Urcite by sa s tym dalo este pohrat, je to len nacrt.
Honza Hučín
Profil
A jo, centi má pravdu. Tak jsem se poučil :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0