Centrer ma page web
Résolu
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 ?
quelqu'un peut-il m'aider avec mon code HTML de mon site, je n'arrive pas à centraliser les pages web tout est à gauche ?
Configuration: Mac OS X Safari 531.9
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... -
Voir soluce ici : https://forums.commentcamarche.net/forum/affich-584691-centrer-page-html
-
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 !
