Problème de centrage de site internet

[Fermé]
Signaler
-
 Slender -
Bonjour,
j'ai créé un site internet en html il y'a environ 3 mois de çà, à ce moment là tout fonctionnait bien et depuis 1 mois environ mon site n'apparaît plus correctement suivant le naviguateur avec lequel je vais le voir ... Le problème est le suivant le site n'apparaît pas centrer comme il devrait mais il s'alligne sur la gauche ... J'ai pourtant bien vérifié que l'allignement de mes tableaux soit centrer horizontalement comme verticalement mais rien à faire le problème persiste ... Est-ce que quelqu'un peut m'aider ? Merci d'avance ca doit maintenant faire 30 heures que je planche sur le problème ...

1 réponse

Messages postés
22963
Date d'inscription
mardi 14 mars 2006
Statut
Contributeur sécurité
Dernière intervention
24 décembre 2016
2 555
Bonjour

Ton site est valide W3C ?
Ca nous aiderait déjà pas mal, et un oeil sur le code dont tu parles serait plus simple pour que l'on puisse t'aider.
Merci déjà pour l'attention,
non mon code ne doit pas être dans les normes W3c, je l'ai fait en utilisant dreamweaver et le code est le suivant pour la base de chaques pages <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>::HTW::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-position: left top;
position: absolute;
cursor: auto;
background-image: url(fond.jpg);
background-repeat: repeat;
margin: 0px;
padding: 0px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.table {
overflow: visible;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: small-caps;
color: #350202;
}
.Style1 {font-size: 14px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/htw_imgs_19.gif','images/htw_imgs_20.gif','images/htw_imgs_21.gif','images/htw_imgs_22.gif','images/htw_imgs_23.gif','images/htw_imgs_24.gif')">
<table width="100%" height="100%" border="0" align="center" valign="middle" cellpadding="0" cellspacing="0" class="table">
<tr>
<td width="100%" height="100%" align="center" valign="middle"><table width="1024" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
<tr>
<td> <img src="images/htw_img_01.jpg" width="98" height="169" alt=""></td>
<td colspan="8"> <img src="images/htw_img_02.gif" width="827" height="169" alt=""></td>
<td> <img src="images/htw_img_03.gif" width="99" height="169" alt=""></td>
</tr>
<tr>
<td> <img src="images/htw_img_04.gif" width="98" height="420" alt=""></td>
<td colspan="8" align="center" valign="middle" background="images/htw_img_05.gif"> </td>
<td> <img src="images/htw_img_06.gif" width="99" height="420" alt=""></td>
</tr>
<tr>
<td> <img src="images/htw_img_07.gif" width="98" height="5" alt=""></td>
<td> <img src="images/htw_img_08.gif" width="212" height="5" alt=""></td>
<td> <img src="images/htw_img_09.gif" width="78" height="5" alt=""></td>
<td> <img src="images/htw_img_10.gif" width="45" height="5" alt=""></td>
<td> <img src="images/htw_img_11.gif" width="62" height="5" alt=""></td>
<td> <img src="images/htw_img_12.gif" width="68" height="5" alt=""></td>
<td> <img src="images/htw_img_13.gif" width="93" height="5" alt=""></td>
<td> <img src="images/htw_img_14.gif" width="59" height="5" alt=""></td>
<td> <img src="images/htw_img_15.gif" width="210" height="5" alt=""></td>
<td> <img src="images/htw_img_16.gif" width="99" height="5" alt=""></td>
</tr>
<tr>
<td> <img src="images/htw_img_17.gif" width="98" height="64" alt=""></td>
<td> <img src="images/htw_img_18.gif" width="212" height="64" alt=""></td>
<td> <a href="tattoo_writtings.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Tattoo','','images/htw_imgs_19.gif',1)"><img src="images/htw_img_19.gif" alt="Tattoo" name="Tattoo" width="78" height="64" border="0"></a></td>
<td> <a href="art.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Art','','images/htw_imgs_20.gif',1)"><img src="images/htw_img_20.gif" alt="Art" name="Art" width="45" height="64" border="0"></a></td>
<td> <a href="print.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Print','','images/htw_imgs_21.gif',1)"><img src="images/htw_img_21.gif" alt="Print" name="Print" width="62" height="64" border="0"></a></td>
<td> <a href="media.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Media','','images/htw_imgs_22.gif',1)"><img src="images/htw_img_22.gif" alt="Media" name="Media" width="68" height="64" border="0"></a></td>
<td> <a href="contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/htw_imgs_23.gif',1)"><img src="images/htw_img_23.gif" alt="Contact" name="Contact" width="93" height="64" border="0"></a></td>
<td> <a href="links.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Links','','images/htw_imgs_24.gif',1)"><img src="images/htw_img_24.gif" alt="Links" name="Links" width="59" height="64" border="0"></a></td>
<td> <img src="images/htw_img_25.gif" width="210" height="64" alt=""></td>
<td> <img src="images/htw_img_26.gif" width="99" height="64" alt=""></td>
</tr>
<tr>
<td> <img src="images/htw_img_27.gif" width="98" height="110" alt=""></td>
<td> <img src="images/htw_img_28.gif" width="212" height="110" alt=""></td>
<td> <img src="images/htw_img_29.gif" width="78" height="110" alt=""></td>
<td> <img src="images/htw_img_30.gif" width="45" height="110" alt=""></td>
<td> <img src="images/htw_img_31.gif" width="62" height="110" alt=""></td>
<td> <img src="images/htw_img_32.gif" width="68" height="110" alt=""></td>
<td> <img src="images/htw_img_33.gif" width="93" height="110" alt=""></td>
<td> <img src="images/htw_img_34.gif" width="59" height="110" alt=""></td>
<td> <img src="images/htw_img_35.gif" width="210" height="110" alt=""></td>
<td> <img src="images/htw_img_36.gif" width="99" height="110" alt=""></td>
</tr>
</table> </tr>
</table>
</body>
</html>
merci d'avance