Bonsoir,
Voici ton code corrigé (valide XHTML 1.1 Strict et CSS 2.1)!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>
Bienvenue chez Perche-paintball
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
body {
width: auto;
background-color: black;
background-image: url("fond.jpg");
}
/* L'en-tête */
#en_tete {
width: 760px;
height: 100px;
background-image: url("sd.png");
background-repeat: no-repeat;
margin-bottom: 10px;
background-position: left top;
}
/* Le menu */
#menu {
float: left;
width: 120px;
}
.element_menu {
background-color: gray;
border: 2px solid black;
border-color: gray;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3 {
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul {
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a {
color: #B3B3B3;
text-decoration: none;
}
.element_menu a:hover {
background-color: #B3B3B3;
color: black;
}
/* Le corps de la page */
#corps {
margin-left: 140px;
/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px;
padding: 5px;
color: black;
background-color: gray;
border: 2px solid black;
border-color: gray;
padding-left: 30px;
}
#corps h1 {
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2 {
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page{
padding: 5px;
clear: both;
text-align: center;
color: #B3B3B3;
background-color: transparent;
}
/*]]>*/
</style>
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete"></div><!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3>
Menu
</h3>
<ul>
<li>
<a href="omg.html">Acceuil</a>
</li>
<li>
<a href="lesterrains.html">Les terrains</a>
</li>
<li>
<a href="forfaits.html">Forfaits</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="paintball.html">Le paintball</a>
</li>
<li>
<a href="page3.html">Photos</a>
</li>
<li>
<a href="page3.html">Video</a>
</li>
<li>
<a href="page3.html">Accés</a>
</li>
</ul>
</div>
<div class="element_menu"></div>
</div><!-- Le corps -->
<div id="corps">
<h1>
Perche-paintball
</h1>
<p>
Bienvenue sur le site de Perche-paintball!<br />
Spécialiste du Paintball dans le perche . Location de materiels (Organisation d'enterement
de vie de garçon/jeune fille , comité d'entreprise...)<br />
Organisation de parties pour joueurs equipé , Vente de materiels (Magasins , commande.)
</p>
<h2>
Les parties pour joueurs equipés :
</h2>
<p>
Les parties organisées pour joueur equipés sont souvent le dimanche deux fois par
moi.<br />
</p>
<h2>
Les parties organisées :
</h2>
<p>
Les parties organisées pour joueurs non equipés c'est a dire en location sont realisable
toute la semaine sur reservation.
</p>
</div><!-- Le pied de page -->
<div id="pied_de_page">
<p>
Copyright "Pierre-maxence Huan" 2011, tous droits réservés
</p>
</div>
</body>
</html>
N.B.: Fais vérifier l'orthographe de cette page, car elle contient pas mal de fautes
!
