Centrer une image sous IE
Résolu
djinn
-
djinn -
djinn -
Bonjour,
Je n'arrive pas à aligner horizontalement le contenu de mon site. Sur Firefox et Chrome, pas de souci, mais impossible de parvenir à quoi que ce soit sous IE... Après avoir essayé pas mal de solutions, je sèche... quelqu'un saurait-il résoudre mon problème ?
Voici le CSS du corps de mon site :
<body bgcolor="1a1a1a" onLoad="MM_preloadImages('pics/barre2/services_blue.jpg','pics/barre2/tarifs_blue.jpg','pics/barre2/clients_blue.jpg','pics/barre2/contact_blue.jpg')">
<center><table border="0" width="100%" align="center" valign="top" cellpadding="0" cellspacing="0"><!--Tableau global -->
<tr><td>
<table width="826" height="628" border="0" align="center" valign="top">
<tr><td height="25" colspan="2"></td>
</tr>
<tr>
<td width="788" height="76" rowspan="2"><a href="/"><img src="pics/JNTrad3.jpg" width="788" height="76" border="0"></a></td>
<td align="center" width="38" height="38"><a href="contact/en/index.html"><img src="pics/UK.png" width="30" height="22" border="0"></a></td>
</tr>
<tr>
<td valign="top" align="center" height="38"><a href="it.html"><img src="pics/ITA.png" width="30" height="22" border="0"></a></td>
</tr>
<tr><td colspan="2"><!-- Début tableau 1--><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="/" target="_top" onClick="MM_nbGroup('down','group1','servicesblue','',1)" onMouseOver="MM_nbGroup('over','servicesblue','pics/barre2/services_dark.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/services_blue.jpg" alt="" name="servicesblue" width="207" height="50" border="0" onload=""></a></td>
<td><a href="tarifs" target="_top" onClick="MM_nbGroup('down','group1','tarifsdark','',1)" onMouseOver="MM_nbGroup('over','tarifsdark','pics/barre2/tarifs_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/tarifs_dark.jpg" alt="" name="tarifsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="clients" target="_top" onClick="MM_nbGroup('down','group1','clientsdark','',1)" onMouseOver="MM_nbGroup('over','clientsdark','pics/barre2/clients_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/clients_dark.jpg" alt="" name="clientsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="contact" target="_top" onClick="MM_nbGroup('down','group1','contactdark','',1)" onMouseOver="MM_nbGroup('over','contactdark','pics/barre2/contact_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/contact_dark.jpg" alt="" name="contactdark" width="207" height="50" border="0" onload=""></a></td>
</tr>
</table>
</td></tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
<tr><td height="451" colspan="2" align="center"><table border="0" cellpadding="20%" width="830" height="445" align="center" style="background:url('pics/backgroundme.jpg') no-repeat" valign="top">
<tr><td width="290,5" align="center"></td>
<td width="539,5" colspan="2" align="center" class="Style1"><p align="justify">Diplômé de l'Institut Supérieur d'Interprétation et de Traduction (ISIT), j'exerce en tant qu'indépendant depuis plus de trois ans et travaille au quotidien pour des clients issus de secteurs variés : marketing, juridique, technique, cinéma, industrie cosmétique et pharmaceutique, luxe...</p>
<p align="justify"></p>
<p align="justify">Installé depuis un an en auto-entreprise, je propose des services de traduction, révision et relecture de documents, mais aussi de localisation graphique et de conception de sites internet multilingues. Mon seul objectif : la qualité.</p>
<p align="justify"></p>
<p align="justify" class="bottom">Traduction en français, anglais et italien, de ou vers la langue souhaitée.</p>
</td>
</tr>
</table></td>
</tr></table>
<tr><td height="15"></td>
</tr>
<tr>
<td><div align="center" class="Style1"><a href="CGV/index.html" class="Style1">Conditions générales de vente</a></div></td>
</tr>
</td></tr>
</table></center>
</body>
</html>
Je n'arrive pas à aligner horizontalement le contenu de mon site. Sur Firefox et Chrome, pas de souci, mais impossible de parvenir à quoi que ce soit sous IE... Après avoir essayé pas mal de solutions, je sèche... quelqu'un saurait-il résoudre mon problème ?
Voici le CSS du corps de mon site :
<body bgcolor="1a1a1a" onLoad="MM_preloadImages('pics/barre2/services_blue.jpg','pics/barre2/tarifs_blue.jpg','pics/barre2/clients_blue.jpg','pics/barre2/contact_blue.jpg')">
<center><table border="0" width="100%" align="center" valign="top" cellpadding="0" cellspacing="0"><!--Tableau global -->
<tr><td>
<table width="826" height="628" border="0" align="center" valign="top">
<tr><td height="25" colspan="2"></td>
</tr>
<tr>
<td width="788" height="76" rowspan="2"><a href="/"><img src="pics/JNTrad3.jpg" width="788" height="76" border="0"></a></td>
<td align="center" width="38" height="38"><a href="contact/en/index.html"><img src="pics/UK.png" width="30" height="22" border="0"></a></td>
</tr>
<tr>
<td valign="top" align="center" height="38"><a href="it.html"><img src="pics/ITA.png" width="30" height="22" border="0"></a></td>
</tr>
<tr><td colspan="2"><!-- Début tableau 1--><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="/" target="_top" onClick="MM_nbGroup('down','group1','servicesblue','',1)" onMouseOver="MM_nbGroup('over','servicesblue','pics/barre2/services_dark.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/services_blue.jpg" alt="" name="servicesblue" width="207" height="50" border="0" onload=""></a></td>
<td><a href="tarifs" target="_top" onClick="MM_nbGroup('down','group1','tarifsdark','',1)" onMouseOver="MM_nbGroup('over','tarifsdark','pics/barre2/tarifs_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/tarifs_dark.jpg" alt="" name="tarifsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="clients" target="_top" onClick="MM_nbGroup('down','group1','clientsdark','',1)" onMouseOver="MM_nbGroup('over','clientsdark','pics/barre2/clients_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/clients_dark.jpg" alt="" name="clientsdark" width="207" height="50" border="0" onload=""></a></td>
<td><a href="contact" target="_top" onClick="MM_nbGroup('down','group1','contactdark','',1)" onMouseOver="MM_nbGroup('over','contactdark','pics/barre2/contact_blue.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/barre2/contact_dark.jpg" alt="" name="contactdark" width="207" height="50" border="0" onload=""></a></td>
</tr>
</table>
</td></tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
<tr><td height="451" colspan="2" align="center"><table border="0" cellpadding="20%" width="830" height="445" align="center" style="background:url('pics/backgroundme.jpg') no-repeat" valign="top">
<tr><td width="290,5" align="center"></td>
<td width="539,5" colspan="2" align="center" class="Style1"><p align="justify">Diplômé de l'Institut Supérieur d'Interprétation et de Traduction (ISIT), j'exerce en tant qu'indépendant depuis plus de trois ans et travaille au quotidien pour des clients issus de secteurs variés : marketing, juridique, technique, cinéma, industrie cosmétique et pharmaceutique, luxe...</p>
<p align="justify"></p>
<p align="justify">Installé depuis un an en auto-entreprise, je propose des services de traduction, révision et relecture de documents, mais aussi de localisation graphique et de conception de sites internet multilingues. Mon seul objectif : la qualité.</p>
<p align="justify"></p>
<p align="justify" class="bottom">Traduction en français, anglais et italien, de ou vers la langue souhaitée.</p>
</td>
</tr>
</table></td>
</tr></table>
<tr><td height="15"></td>
</tr>
<tr>
<td><div align="center" class="Style1"><a href="CGV/index.html" class="Style1">Conditions générales de vente</a></div></td>
</tr>
</td></tr>
</table></center>
</body>
</html>
A voir également:
- Centrer une image sous IE
- Image iso - Guide
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Transformer une image en icone - Guide
6 réponses
Bonsoir,
Si j'ai compris ta problématique :
PS: la balise <center> est déprécié par le w3C
@+
Si j'ai compris ta problématique :
<body bgcolor="1a1a1a" onLoad="MM_preloadImages('pics/barre2/services_blue.jpg','pics/barre2/tarifs_blue.jpg','pics/barre2/clients_blue.jpg','pics/barre2/contact_blue.jpg')">
<center>
<!--Tableau global -->
<table border="0" width="100%" align="center" valign="top" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="826" height="628" border="0" align="center" valign="top">
<tr>
<td height="25" colspan="2"></td>
</tr><tr>
<!-- Reste du code de la page -->
PS: la balise <center> est déprécié par le w3C
@+
Merci pour ta réponse,
A vrai dire, l'insertion de la balise <center> n'a eu aucun effet sur le résultat.
Mon site s'affiche toujours parfaitement sous FF, Safari ou Chrome, mais sous IE rien à faire...
Voici l'adresse http://jn.thibierge.free.fr
Si quelqu'un y comprend quelque chose...
A vrai dire, l'insertion de la balise <center> n'a eu aucun effet sur le résultat.
Mon site s'affiche toujours parfaitement sous FF, Safari ou Chrome, mais sous IE rien à faire...
Voici l'adresse http://jn.thibierge.free.fr
Si quelqu'un y comprend quelque chose...
Tu n'as pas compris mon code.
2ème explication.
Je pense que tu veux obtenir le centrage du tableau de 826px dans la cellule <td>
Donc si tu regarde mon code du précédent message, j'ai rajouté un attribut align="center" à la balise <td> qui contient le tableau.
J'avais laissé la balise <center> d'origine pour t'expliqué qu'elle est dépréciée et rien de plus !
2ème explication.
Je pense que tu veux obtenir le centrage du tableau de 826px dans la cellule <td>
Donc si tu regarde mon code du précédent message, j'ai rajouté un attribut align="center" à la balise <td> qui contient le tableau.
J'avais laissé la balise <center> d'origine pour t'expliqué qu'elle est dépréciée et rien de plus !
Désolé, j'avais lu un peu rapidement... au temps pour moi
Malheureusement cela ne change rien :/
En tout cas merci pour ton aide
Malheureusement cela ne change rien :/
En tout cas merci pour ton aide
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai épuré et adapter ton code HTML. La page s'affiche à l'identique avec IE7 et Chrome.
A toi de Copier/Coller le code source de la page pour remplacer ton ancien code (page visible à l'URL suivante) :
http://gabriel-sempere.freehostia.com/test/jn-thibierge.html
@+
A toi de Copier/Coller le code source de la page pour remplacer ton ancien code (page visible à l'URL suivante) :
http://gabriel-sempere.freehostia.com/test/jn-thibierge.html
@+