Rebonjour,
Dans une page HTML que je tente de rendre opérationnelle, j'utilise des balises IMG avec un style propres à chacune d'elles.
Si je m'y prends de la sorte :
Code :
- <STYLE>
- img.drapeau {width:50px;}
- </STYLE>
- [...]
- <IMG class="drapeau" src="file://C:/TRAVAIL/V86/src/web/html/ico/flag/uk_flag.gif" alt="FlagEN" />
|
l'image conservera ses proportions tout en étant étiré à la largeur max disponible.
C'est le comportement normal requis par le W3C.
Cela marche sous IE comme sous FF.
Maintenant, si j'emploie cette deuxieme méthode, il y a des différences:
Code :
- img.drapeau {width:50px;}
- [...]
- spanImageListe[i] = document.createElement("IMG" );
- spanImageListe[i].setAttribute("src","file://C:/TRAVAIL/V86/src/web/html/ico/flag/" + langues[inputlangues[i]]["flag"]); // nom du fichier drapeau
- spanImageListe[i].className = "drapeau";
|
car sous FF, rien de changé, ca marche toujorus pareil, mais sous IE, la mise en page a changée et mon image s'est deformée.
Si on regarde le comme reellement constitué sous IE, on trouve :
<IMG class=drapeau height=33 alt=flagEN src="file://C:/TRAVAIL/V86/src/web/html/ico/flag/uk_flag.gif" width=50> |
On constate l'apparition de la balise height=33 !!!!
D'apres la MSDN, c'est un comportement qui est conditionné par l'usage des !DOCTYPE ... mais je n'arrive absolument pas à trouver le bon doctype pour obtenir le premier comportement...
Savez vous ?
Message édité par NounouRs le 23-11-2007 à 13:32:55