Centrer ma page web [Résolu/Fermé]

Signaler
-
 Bosco -
Bonjour,

quelqu'un peut-il m'aider avec mon code HTML de mon site, je n'arrive pas à centraliser les pages web tout est à gauche ?

12 réponses


Salut essaie :
<center> blablablablablablabla badadoum ! </center>
Bonsoir

je le met où çà : "<center> blablablablablablabla badadoum ! </center>" , dans head ?

merci de m'aider voici la copie :

<html>
<head>
<table width="100%" height="100%">
<tr><td width="100%" height="100%">
<meta name="verify-v1" content="B7lPlTFLl8uDAjYL5o8PGYE+qKhtKKgutwZhE0sN5LA=" >
<title>xxxxxxxxxxxxxxx</title>
<meta name="keywords" content="xxxxxxxxxxxxx.">
<meta name="description" content="xxxxxxxxxx.">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<meta name="description" content="xxxxxxxxxxxxxxxx.">
<meta name="keywords" content="ixxxxxxxxxxxxx.">
<meta name="author" content="xxxxxxxxx">
<meta name="copyright" content="xxxxxxxxxxxxx">
<meta name="Language" content="FR">
<meta name="Robots" content="index, follow, all">
<meta name="revisit-after" content="7 days">
<meta name="classification" content="xxxxxxxxxx">
<link REL="SHORTCUT ICON" HREF="http://wwwxxxxx.web_images/ico_xxxxxxx.png">
<style type="text/css">
<!--
TD {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.content {
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 30px;
}
.menu {
background-image: url(images/tpl_017_04.jpg);
background-repeat: no-repeat;
padding-right: 10px;
padding-left: 35px;
color: #FFFFFF;
padding-top: 16px;
vertical-align: top;
font-weight: bold;
}
a:link {
color: #0000FF;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: underline;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
.menu a:link {
color: #FFFFFF;
text-decoration: none;
}
.menu a:visited {
color: #FFFFFF;
text-decoration: none;
}
.menu a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.logo {
padding-left: 50px;
color: #FFFFFF;
vertical-align: top;
padding-top: 63px;
padding-right: 0px;
}
-->
</style>
<link href="cms_style.css" rel="stylesheet" type="text/css" />
</head>
<body BGCOLOR=#E7ECF0 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<br />
<table style="height: 100%;" border="0" width="100%">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;" width="100%" height="100%">
<table id="_mc_tmp" style="text-align: center; height: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;">
<table style="text-align: right; height: 106px;" border="0" width="930">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;">                  <span style="white-space: pre;"><img title="xxxxxxx" src="web_images/xxxxxxxxx_.jpg" alt="xxxxxr" width="190" height="76" /> </span></td>
<td style="text-align: left;"><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;">                       <a href="index.php?p=1_1 "><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;"><span style="text-decoration: none;">Accueil</span></span></span></a><span style="font-family: Times New Roman; font-size: small;">   </span><a href="index.php?p=1_2 "><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">Ventes</span></span></a><span style="font-family: Times New Roman; font-size: small;">   <a href="index.php?p=1_4"><span style="color: #000000;"><span style="text-decoration: none;">Locations</span></span></a>   <a href="index.php?p=1_5"><span style="color: #000000;"><span style="text-decoration: none;">Gestions</span></span></a>   </span></span></span><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="font-family: Times New Roman; font-size: small;"><a href="index.php?p=1_3"><span style="color: #000000;"><span style="text-decoration: none;">Contactez-nous</span></span></a></span></span></span><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">   </span></span></span></span><a href="index.php?p=1_21"><img src="web_images/flag_of_united_kingdom.png" border="no" alt="" width="18" height="18" /></a><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;"> </span></span></span></span><a href="index.php?p=1_1"><img src="web_images/flag_of_france.png" border="no" alt="" width="18" height="18" /></a><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">    <br /></span></span></span></span></td>
</tr>
</tbody>
</table>
<a href="index.php?p=1_20"></a>
<p style="text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="663" height="257" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="web_flash/possi.swf" /><embed type="application/x-shockwave-flash" width="663" height="257" src="web_flash/possi.swf"></embed>
</object>
</p>
<p style="text-align: center;"><script type="text/javascript"><!--
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

<html>
<head>
<center>
.......
....
...
.
width="663" height="257" src="web_flash/possi.swf"></embed>
</object>
</p>
</center>
Rebonsoir blaksun71, j'ai essayer cela ne fonctionne pas, la page est à gauche ? j'ai recopier le code ici :

Une solution ?

<html>
<head>
<center>
<table width="100%" height="100%">
<tr><td width="100%" height="100%">
<meta name="verify-v1" content="B7lPlTFLl8uDAjYL5o8PGYE+qKhtKKgutwZhE0sN5LA=" >
<title>{%MetaTitle%}</title>
<meta name="keywords" content="{%MetaKeywords%}">
<meta name="description" content="{%MetaDescription%}">
<meta HTTP-EQUIV="Content-Type" CONTENT="{%MetaCharset%}">
<meta name="description" content="xxxxxxxxx.">
<meta name="keywords" content="ixxxxxxxx">
<meta name="author" content="xxxx">
<meta name="copyright" content="xxxx">
<meta name="Language" content="FR">
<meta name="Robots" content="index, follow, all">
<meta name="revisit-after" content="7 days">
<meta name="classification" content="xxxxx">
<link REL="SHORTCUT ICON" HREF="http://www.xxxxx.fr/web_images/ico_xxxxx.png">
<style type="text/css">
<!--
TD {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.content {
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 30px;
}
.menu {
background-image: url(images/tpl_017_04.jpg);
background-repeat: no-repeat;
padding-right: 10px;
padding-left: 35px;
color: #FFFFFF;
padding-top: 16px;
vertical-align: top;
font-weight: bold;
}
a:link {
color: #0000FF;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: underline;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
.menu a:link {
color: #FFFFFF;
text-decoration: none;
}
.menu a:visited {
color: #FFFFFF;
text-decoration: none;
}
.menu a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.logo {
padding-left: 50px;
color: #FFFFFF;
vertical-align: top;
padding-top: 63px;
padding-right: 0px;
}
-->
</style>
</head>
<body BGCOLOR=#E7ECF0 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<br />
<table style="height: 100%;" border="0" width="100%">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;" width="100%" height="100%">
<table id="_mc_tmp" style="text-align: center; height: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;">
<table style="text-align: right; height: 106px;" border="0" width="930">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;">                  <span style="white-space: pre;"><img title="xxxxxxxxx " src="web_imagesxxxxx_logo_pour_bagn_re_2_.jpg" alt="xxxxxxxxxxxx" width="190" height="76" /> </span></td>
<td style="text-align: left;"><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;">                       <a href="index.php?p=1_1 "><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;"><span style="text-decoration: none;">Accueil</span></span></span></a><span style="font-family: Times New Roman; font-size: small;">   </span><a href="index.php?p=1_2 "><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">Ventes</span></span></a><span style="font-family: Times New Roman; font-size: small;">   <a href="index.php?p=1_4"><span style="color: #000000;"><span style="text-decoration: none;">Locations</span></span></a>   <a href="index.php?p=1_5"><span style="color: #000000;"><span style="text-decoration: none;">Gestions</span></span></a>   </span></span></span><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="font-family: Times New Roman; font-size: small;"><a href="index.php?p=1_3"><span style="color: #000000;"><span style="text-decoration: none;">Contactez-nous</span></span></a></span></span></span><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">   </span></span></span></span><a href="index.php?p=1_21"><img src="web_images/flag_of_united_kingdom.png" border="no" alt="" width="18" height="18" /></a><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;"> </span></span></span></span><a href="index.php?p=1_1"><img src="web_images/flag_of_france.png" border="no" alt="" width="18" height="18" /></a><span style="font-size: 13px; white-space: normal;"><span style="vertical-align: super;"><span style="color: #000000; font-family: Times New Roman; font-size: small;"><span style="text-decoration: none;">    <br /></span></span></span></span></td>
</tr>
</tbody>
</table>
<a href="index.php?p=1_20"></a>
<p style="text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="663" height="257" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="web_flash/possideo.swf" /><embed type="application/x-shockwave-flash" width="663" height="257" src="web_flash/xxxxxx.swf"></embed>
</object>
</p>
<p style="text-align: center;">{%content%}</p>
<p style="text-align: center;"> </p>
</td>
</tr>
<tr style="text-align: left;">
<td style="text-align: left;" height="100%" valign="top">
<p style="text-align: center;"><a href="index.php?p=1_29"><span style="text-decoration: none;"><span style="color: #000000;"><span style="color: #000000;">Estimation</span></span></span></a> <span style="line-height: 11px; color: #666666; font-size: 11px; font-family: 'Trebuchet MS';">|</span> <a href="index.php?p=1_7"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #000000;"><span style="text-decoration: none;">xxxxxx</span></span></span></span></a> <span style="line-height: 11px; color: #666666; font-size: 11px; font-family: 'Trebuchet MS';">|</span> <a href="index.php?p=1_2"><span style="color: #000000;"><span style="text-decoration: none;">xxxxxx</span></span></a> <span style="line-height: 11px; color: #666666; font-size: 11px; font-family: 'Trebuchet MS';">|</span> <a href="xxxxxxx"><span style="text-decoration: none;"><span style="color: #000000;">xxxxxxxx</span></span></a> <span style="line-height: 11px; color: #666666; font-size: 11px; font-family: 'Trebuchet MS';">|</span> <a href="index.php?p=1_5"><span style="color: #000000;"><span style="text-decoration: none;">xxxx</span></span></a> |<span style="color: #000000;"> <a href="index.php?p=1_23 "><span style="color: #000000;">xxxxxxx</span> </a></span><a href="ixxxxx "><span style="font-size: 11px; line-height: 11px; color: #666666; font-family: 'Trebuchet MS';">|</span></a><span style="color: #000000;"><span style="font-family: Verdana;"><span style="font-size: x-small;"><span style="line-height: normal;"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #666666; font-family: 'Trebuchet MS'; font-size: 11px; line-height: 11px;"><span style="color: #000000; font-family: Verdana; font-size: 10px; line-height: normal;"><span style="color: #000000;"><span style="text-decoration: none;"><a style="text-decoration: none;" href="index.php?p=1_22"><span><span style="color: #000000;"> xxxxxxx </span></span></a></span></span></span><span style="color: #000000;">|</span></span></span></span></span></span></span></span></p>
<p style="text-align: center;"> </p>
</td>
</tr>
<tr style="text-align: left;">
<td style="text-align: center;" height="41" background="images/tpl_017_20.jpg">Copyright Pxxxxxxxxxx Txxxxxxxxxxxxxxxxx <br /><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">Service Transaction : 06 37 73 42 72  </span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">xxxxxxxxxxxxxxx  </span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">xx </span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">" xxxx" </span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">xxxx" N°xxxx </span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">dxxxx</span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">xxxxxxxxx</span></span></span></span></span><span style="font-size: 11px; font-family: Tahoma;"><span style="font-weight: bold;"><span style="font-size: 12px; font-weight: normal;"><span><span style="font-size: 10px;">xxxxxxxxxxxxxxxx</span></span></span></span></span><br /><span style="font-size: xx-small;">xxxxxxxxxxt.</span><br /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Le début c'est ok par contre la fin essaie ça :
</tbody>
</table>
</body>
</center>
</html>
j'ai essayer cela ne fonctionne Toujours pas, une solution ?...

Arf désolé :
à la fin

</table>
</center>
</body>
</html>

blaksun71 ,

Idem, j'ai suivi tes insctructions et vider le cache mais c'est toujours pareil...
j'ai suivi les instructions, cela me fait un beau cadre autour de ma page web dedans tout est centraliser, mais le cadre lui est à gauche de la page, comment faire pour que ce tableau soit au milieu de la pge web ?
blacksun71 Merci Merci !

ca y est c'est centré j'ai enlevé çà :

<table width="100%" height="100%">
<tr><td width="100%" height="100%">

maintenant que j'ai un beau cadre, comment enlever les bordures ?
Prend un CSS plutot que la balise CENTER c'est plus pro plus simple !