5568 sujets

Sémantique web et HTML

[Resolu]Tableau d'image different sous ie et firefoxe

Bonjour,

J'ai un souci avec le tableau suivant qui ne s'affiche pas du tout de la même façon sous ie et firefox

Vous pouvez le constater sur http://shop.enviedefraises.ch

je vous donne l'extrait de code en espérant que la boulette vous sautera au yeux, moi je suis dépassé


<table cellspacing="0" cellpadding="0" border="0" width="768" style="padding:0 15px 0 20px; background: transparent url(images/decoupage_02.gif) repeat-y top left;" >

<tr class="headerNavigation">

	<td width="70px" align="center">
           <a href="destination"><img src="images/vetement_off.jpg" border="0" id="vetement" alt="vetement" onMouseOver="MM_swapImage('vetement','','images/vetement_on.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
        </td>
	<td width="70px" align="center">
            <a href="destination"><img src="images/jouet_off.jpg" border="0" id="jouet"  alt="jouet" onMouseOver="MM_swapImage('jouet','','images/jouet_on.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><
/td>
	<td width="70px" align="center">
<a href="destination" class="infMenu"><img src="images/accessoires_off.jpg" border="0" id="accessoires"  alt="accessoires" onMouseOver="MM_swapImage('accessoires','','images/accessoires_on.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
</td>
    <td width="70px" align="center">
<a href="destination"><img src="images/portage_off.jpg" border="0" id="portage"  alt="portage" onMouseOver="MM_swapImage('portage','','images/portage_on.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
</td>
	</tr>
</table>


merci de votre aide
Modifié par ElFabio (28 May 2008 - 14:05)
Merci de ta réponse,

Il y avait plein de chose que je ne savais pas.
Mais cela n'a pas réglé mon problème
J'ai effectivement remis le doctype d'origine puisque ça ne réglait pas mon problème
C'est un projet osCommerce qui est bien loin des standards
ElFabio a écrit :
J'ai effectivement remis le doctype d'origine puisque ça ne réglait pas mon problème

Si tu as bien lu, tu sais maintenant que le fait de travailler en mode Quirks ou en mode Standard (avec un Doctype correct) change assez radicalement le rendu avec certains navigateurs. Travailler exclusivement en mode Standard est une bonne pratique, et une option technique tout à fait gérable depuis plusieurs années.

Je ne suis pas sûr que quiconque sur Alsacréations soit en mesure de trouver la source d'un problème de rendu en mode Quirks. Les courageux pourront lire l'article Que se passe-t-il en mode quirks ?

Tu peux tout à fait travailler en mode Quirks si le projet l'exige (par exemple s'il est déjà très avancé et que le reprendre en mode Standard n'est pas envisageable), mais dans ce cas ce sera plus difficile d'obtenir une réponse. C'est un peu comme si tu posais une question sur la bonne utilisation d'un spacer.gif. Smiley cligne
Je suis tout à fait d'accord avec toi.
Le projet est en effet trop avancer pour que j'envisage de le passer en standard.

J'ai donc eu recours à de la bidouille pour que ça passe sur safari, ie et firefoxe (je me suis arrêté là, top effrayé de voir encore des différences sous opera)

C'est apparemment l'attribut de style de la table qui posait un souci.

J'ai donc mis la table dans une div comportant mon background.
Et cela fonctionne, il a aussi fallu que je rajoute un attribut de style "vertical-align" sur toutes mes images de fond pour supprimer les séparations apparentes sous ie.

Sur d'autre projet, j'essaye toujours de valider mes pages, mais là avec un projet openSource qui ne fonctionne qu'avec des tables imbriquées, c'est même pas la peine d'y penser.

Merci de vous êtes penché sur mon problème
Sujet clos
Aller à