Ho creato uno <div> con width:10em e height:5em.
Ora mi piacerebbe visualizzare uno <img> (immagine GIF) in questo con la stessa identica dimensione. Ma apparentemente non "conosce" l'unità em. Mostra invece l'immagine in 10x5 pixel.Come posso visualizzare un'immagine usando l'unità "em"?
Come posso visualizzare questo <img> utilizzando l'unità "em"?
di questo codice:
<html>
<body>
<p>This is 10em x 5em</p>
<div style="width:10em; height:5em;">
<img style="width:10em; height:5em;" src="logo.png" />
</div>
</body>
</html>
Funziona in Firefox 3.5, Internet Explorer 8 e Opera 10.0 Beta su Windows XP.
Nessun punto nel ripetere esattamente gli stessi valori di larghezza/altezza. Si potrebbe anche a) Eliminare il div allegato o b) modificare i valori dell'immagine al 100%. –
È possibile img stile con i CSS:
img.MyImage {
width: 10em;
height: 5em;
}
<img class="MyImage" src="image.gif" />
Cosa markup hai utilizzato? hai provato e dimensionato usando CSS, o semplicemente con gli attributi per larghezza e altezza (che prendono solo dimensioni in pixel) –
con quale browser l'hai provato? – bjelli