Les Allergies
Alimentaires
Posez votre question Signaler

Centrer ma page web [Résolu]

patou - Dernière réponse le 21 sept. 2009 à 20:43
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 ?
Lire la suite 

Centrer ma page web »

12 réponses
Réponse
+0
moins plus
Salut essaie :
<center> blablablablablablabla badadoum ! </center>
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/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.");
Ajouter un commentaire
Réponse
+0
moins plus
<html>
<head>
<center>
.......
....
...
.
width="663" height="257" src="web_flash/possi.swf"></embed>
</object>
</p>
</center>
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/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>
Ajouter un commentaire
Réponse
+0
moins plus
Le début c'est ok par contre la fin essaie ça :
</tbody>
</table>
</body>
</center>
</html>
Ajouter un commentaire
Réponse
+0
moins plus
j'ai essayer cela ne fonctionne Toujours pas, une solution ?...
Ajouter un commentaire
Réponse
+0
moins plus
Arf désolé :
à la fin

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

Ajouter un commentaire
Réponse
+0
moins plus
blaksun71 ,

Idem, j'ai suivi tes insctructions et vider le cache mais c'est toujours pareil...
Ajouter un commentaire
Réponse
+0
moins plus
Voir soluce ici : http://www.commentcamarche.net/forum/affich-584691-centrer-page-html
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
Prend un CSS plutot que la balise CENTER c'est plus pro plus simple !
Ajouter un commentaire
Ce document intitulé « Centrer ma page web » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?