incompatibilité <!DOCTYPE HTML 4.01 Transitional//EN"> avec taille image en % sous ie8

**simon1234** · 23/10/2009, 00h54

Bonjour,

Je suis en train de revoir le design d'un site que j'ai développé (je suis débutant...) et j'ai un problème...
J'essaye d'insérer un bouton image dont la taille est redéfini en css (en %).
L'affichage se passe bien sous FF mais pas sous ie8.
Après une recherche sur le net, j'ai essayé de changer le doctype:
je suis passé de
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
à
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Avec cette modif, l'affichage de mes boutons images marche sous ie8.

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<a href="logout.php">
<img id="button-disco" src="images/prono-design/button-disconnect.jpg" alt="disconnect" border="no"></img>
</a>
 
et le css:
#button-disco{
width:70%;
height:70%;
}

Cependant, cette modif a généré d'autres problèmes, dont un que je n'arrive pas à résoudre:la hauteur des cellule d'un de mes tableaux a changé et je n'arrive plus à l'adapter au contenu de la cellule...J'ai pourtant tout essayer...

Je me suis donc résolu à utiliser le doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
(mon site est valide avec cette norme et je n'ai pas envi de tout changer...)

Quelqu'un aurai-t-il une solution permettant de modifier (via du css) la taille d'un bouton image (en %) afin que ça marche sous ie8???
Merci d'avance!!

**12monkeys** · 24/10/2009, 00h04

Bonsoir

Ton DOCTYPE me semble incomplet : http://xhtml.developpez.com/faq/?pag...#html_doctypes

Ensuite l'élément img est une balise auto fermante, donc on écrit ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
DOCTYPE HTML :
<img id="button-disco" src="images/prono-design/button-disconnect.jpg" alt="disconnect">
 
DOCTYPE XHTML :
<img id="button-disco" src="images/prono-design/button-disconnect.jpg" alt="disconnect" />

L'attribut border est déconseillé et il ne possède pas de valeur 'no' uniquement une valeur en pixels : http://www.la-grange.net/w3c/html4.0...def-border-IMG

Quand tu parle d'un "bouton" image je ne le vois pas dans ton code. Je pense que tu ne parle pas de l'élement button ? Mais bien de ton image ?

Pour déterminer une taille en css d'une image :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

img { width:100px;height:50px; }

**simon1234** · 24/10/2009, 16h25

Bonjour 12monkeys et merci!

J'ai revu mon code avec tous les éléments que tu m'as donné et maintenant ça marche!!
Je pense que l'accumulation de tout un tas d'irrégularité dans mon code a posé problème.
Mais je pense que j'avais surtout un problème de DOCTYPE.
Avec le lien que tu m'as donné, j'ai réussi à trouvé mon bonheur!!et tout marche!!

merci encore!

incompatibilité <!DOCTYPE HTML 4.01 Transitional//EN"> avec taille image en % sous ie8

HTML

Discussions similaires

Partager

Partager