Centrer mon site

Salut,

Quel éditeur Web utilise tu ?

As tu le code de ta page index ?

Utilise tu les CSS ?

C'est un kite graphique 'ais télécharger le code css est celui la :

/* CSS Document */
/* Copyright : Interface par Aurelio - Découpe par Gounlaf pour Kits-Gratuits.net */

body {
background:url('./images/interface/bg.gif') repeat;
color:#888888;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}

div#contenu {
background-color:#FFFFFF;
width:730px;
height:auto;
margin:auto;
padding:10px;
}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#C31529; text-decoration:none; font-weight:bold; }
a:hover { color:#B79B9E; font-weight:bold; }
a img { border:0; } h1 { text-align:center; margin:0; }
p { margin:0; padding:5px; padding-left:0; font-size:90%; }
div.clear { clear:both; } h2 { margin:5px auto 5px auto; padding:0; text-align:left; font-size:100%; font-weight:bold; border-bottom:1px dashed #000000; color:#000000; }

div#header {
background:url('./images/interface/header.png') no-repeat;
width:730px;
height:150px;
margin-bottom:5px;
}

div.barre {
background-color:#EAE1E2;
width:730px;
height:20px;
text-align:center;
}

div.barre li { display:inline; vertical-align:middle; }
div.barre p { padding-top:3px; }

As tu également le code de la page index ?

Voila le code de l'index :

/* CSS Document */
/* Copyright : Interface par Aurelio - Découpe par Gounlaf pour Kits-Gratuits.net */

body {
background:url('./images/interface/bg.gif') repeat;
color:#888888;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}

div#contenu {
background-color:#FFFFFF;
width:730px;
height:auto;
margin:auto;
padding:10px;
}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#C31529; text-decoration:none; font-weight:bold; }
a:hover { color:#B79B9E; font-weight:bold; }
a img { border:0; } h1 { text-align:center; margin:0; }
p { margin:0; padding:5px; padding-left:0; font-size:90%; }
div.clear { clear:both; } h2 { margin:5px auto 5px auto; padding:0; text-align:left; font-size:100%; font-weight:bold; border-bottom:1px dashed #000000; color:#000000; }

div#header {
background:url('./images/interface/header.png') no-repeat;
width:730px;
height:150px;
margin-bottom:5px;
}

div.barre {
background-color:#EAE1E2;
width:730px;
height:20px;
text-align:center;
}

div.barre li { display:inline; vertical-align:middle; }
div.barre p { padding-top:3px; }

<div id="contenu">

<div id="header">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>

<h2><span class="Style7"><a href="index.htm">Accueil</a> | <a href="download.htm">Download</a> | <a href="forum/index.php">Forum</a> | <a href="contact.htm">Contact</a> </span></h2>
<p class="Style5">Accueil </p>
<p class="Style4"> </p>
<p class="Style6">Bienvenue.</p>
<p class="Style6"> </p>
<p class="Style6">Dans la rubrique download, vous aller trouver des logiciel gratuit il y en a pas beaucoup, car ceux qui sont présent son très bien, suffisant et totalement gratuit. </p>
<p class="Style6"> </p>
<p class="Style6">Dans le Forum vous pourrie discuter de se que vous voulez, mes en priorité de problèmes informatique, tout discutions a caractères raciste, ou autre sera supprimer.</p>
<p class="Style6"> </p>
<p class="Style6">En cas de problèmes n'ester pas a contacté l'administrateur, du site ou les modérateurs en cliquant sur contact.</p>
<p class="Style6"> </p>
<p class="Style8">L'équipe de WinBidouille. vous remercie et vous souhaite une bonne visite.</p>
<p> </p>
<p> </p>
<h2> </h2>

<div class="barre">
<p>Copyright © <a href="http://www.kits-gratuits.net/">Kits-Gratu­its.Net | kits graphiques gratuits</a> 2006-2007 - design : Thoy, code : Gounlaf</p>
</div>
</div> 

Englobe tout ça dans un

<div align="center">.....</div>

Remplace les ... par ce que j'ai mis au dessus.

Essaye avec ce code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quo­t;>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>WinBidouille | Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="DC.Language" scheme="RFC3066" content="fr" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />

<style type="text/css">
<!--
.Style4 {
font-size: 150%;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
color: #000000;
}
.Style5 {font-size: 200%; font-family: "Comic Sans MS"; font-style: italic; font-weight: bold; color: #000000; }
.Style6 {
font-size: 13.5px;
color: #333333;
font-family: "Comic Sans MS";
}
.Style7 {color: #10395D}
.Style8 {font-size: 13.5px; color: #333333; font-family: "Comic Sans MS"; font-style: italic; }
-->
</style>

</head>
<body>

<table width="80%" border="0" align="center" cellpadding="0">
<tr>
<td>
<div id="contenu">
<div id="header">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>

<h2 align="center"><span class="Style7"><a href="index.htm">Accueil</a> | <a href="download.htm">Download</a> | <a href="forum/index.php">Forum</a> | <a href="contact.htm">Contact</a> </span></h2>
<p class="Style5">Accueil </p>
<p class="Style4"> </p>
<p class="Style6">Bienvenue.</p>
<p class="Style6"> </p>
<p class="Style6">Dans la rubrique download, vous aller trouver des logiciel gratuit il y en a pas beaucoup, car ceux qui sont présent son très bien, suffisant et totalement gratuit. </p>
<p class="Style6"> </p>
<p class="Style6">Dans le Forum vous pourrie discuter de se que vous voulez, mes en priorité de problèmes informatique, tout discutions a caractères raciste, ou autre sera supprimer.</p>
<p class="Style6"> </p>
<p class="Style6">En cas de problèmes n'ester pas a contacté l'administrateur, du site ou les modérateurs en cliquant sur contact.</p>
<p class="Style6"> </p>
<p class="Style8">L'équipe de WinBidouille. vous remercie et vous souhaite une bonne visite.</p>
<p> </p>
<p> </p>
<h2> </h2>

<div class="barre">
<p align="center">Copyright © <a href="http://www.kits-gratuits.net/">Kits-Gratu­its.Net | kits graphiques gratuits</a> 2006-2007 - design : Thoy, code : Gounlaf</p>
</div>
</div>
</td>
</tr>
</table>

</body>
</html>

Tu as également des styles CSS à mettre dans ton CSS au début...

Pour ce qui est de la mise en page essaye d'utiliser des "table" plutôt que des "div"

Je t'ai mis sur la voie mais je ne vais pas non plus finir ton travail ^^

Pense à structurer ton site en commençant par creer un tableau avec plusieurs lignes :

Header (div header)
Menu (div top menu)
Contenu (div content)
Footer (div footer)

C'est la base de ta structure...

Ensuite tu joint le CSS

Je file au dodo... madame va faire la tête sinon =)

50% ca risque de faire petit ;)

A la limite passe remplace 80% par 900