Alors excusez moi ,
le site n'est pas en ligne voici les pages de codes :
<!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" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="omgcss.css" />
</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>
Et le css :
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: grey;
background-image: ;
background-repeat: ;
border: 2px solid black;
border-color: grey;
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;
}
.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: grey;
background-image: ;
background-repeat: repeat-x;
border: 2px solid black;
border-color: grey;
}
#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: white;
background-image: ;
background-repeat: repeat-x;
border: 2px solid black;
}
!
