Salut,
Ce devrait aller un peu mieux, a tester
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test</title>
<style type="text/css">
#conteneur
{
padding: 5px;
width: 760px;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
background-color: red;
background-image: url(Lignes-Pixels-Fond.png);
font-family: Arial, Helvetica, sans serif;
border: 0px solid black;
}
#en_tete
{
width: 760px;
height: 140px;
background-color: blue;
background-repeat: no-repeat;
margin-bottom: 3px;
margin-top: 0px;
font-family: Arial, Helvetica, sans serif;
}
#menu
{
float: left;
width: 194px;
font-family: Arial, Helvetica, sans serif;
}
.element_menu
{
background-color: lime;
background-repeat: repeat-x;
font-family: Arial;
font-size: 12px;
border: 0px solid black;
margin-bottom: 20px;
}
.element_menu h3
{
color: none;
padding: 5px;
font-family: Arial, Helvetica, sans serif;
text-align: center;
margin-top: -7px;
}
.element_menu ul
{
padding-left: 20px;
margin-left: 0px;
margin-top: -20px;
margin-bottom: -7px;
font-family: Arial, Helvetica, sans serif;
background-image: url(BarreMenu.png);
}
.element_menu a
{
color: #000000;
text-decoration: none;
}
.element_menu a:hover
{
color: #00265D;
font-family: Arial, Helvetica, sans serif;
text-decoration: underline;
}
#corps
{
margin-left: 200px;
margin-bottom: 20px;
padding: 5px;
color: #000000;
background-color: yellow;
background-image: url(FondSite.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans serif;
font-size: 12px;
border: 2px solid black;
}
#corps h1
{
color: #000000;
text-align: center;
font-family: Arial, Helvetica, sans serif;
font-size: 17px;
}
#corps h2
{
height: 30px;
background-repeat: no-repeat;
padding-left: 30px;
color: #000000;
text-align: left;
font-family: Arial, Helvetica, sans serif;
}
#corps a
{
color: #00265D;
text-decoration: underline;
}
#corps a:hover
{
color: #000142;
text-decoration: none;
}
#pied_de_page
{
height: 50px;
padding: 5px;
margin-left: 0px;
text-align: center;
color: #5B8ED8;
background-color: green;
background-image: url(PiedPageSite.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans serif;
border: 2px solid black;
clear: both;
}
</style>
</head>
<body>
<div id="conteneur">
<!-- L'en-tête -->
<div id="en_tete">
<p><img src="Metroid-Master-v3-beta.png"></img></p>
</div>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<img src="MenuImage.png"><img src="BarreHautMenu.png"><h3></h3></img></img>
<ul>
<li><a href="http://www.metroidmaster.com/index.html">Accueil</a></li>
<li><a href="articles/en-construction.html">Forum</a></li>
<li><a href="mailto:webmaster@metroidmaster.com">Contact</a></li>
</ul>
<img src="BarreBasMenu.png"></img>
</div>
<div class="element_menu">
<img src="JeuxImage.png"><img src="BarreHautMenu.png"><h3></h3></img></img>
<ul>
<li><a href="articles/metroid.html">Metroid</a></li>
<li><a href="articles/metroid2-return.html">Metroid II : Return of Samus</a></li>
<li><a href="articles/super-metroid.html">Super Metroid</a></li>
<li><a href="articles/en-construction.html">Metroid Fusion</a></li>
<li><a href="articles/en-construction.html">Metroid Zero Mission</a></li>
<li><a href="articles/en-construction.html">Metroid Prime</a></li>
<li><a href="articles/en-construction.html">Metroid Prime 2 : Echoes</a></li>
<li><a href="articles/en-construction.html">Metroid Prime 3 : Echoes</a></li>
<li><a href="articles/en-construction.html">Metroid Prime Hunters</a></li>
<li><a href="articles/en-construction.html">Metroid Prime Pinball</a></li>
</ul>
<img src="BarreBasMenu.png"></img>
</div>
<div class="element_menu">
<img src="ArticlesImage.png"><img src="BarreHautMenu.png"><h3></h3></img></img>
<ul>
<li><a href="articles/en-construction.html">Dossiers</a></li>
<li><a href="articles/en-construction.html">Tests</a></li>
<li><a href="articles/en-construction.html">Fan Fictions</a></li>
</ul>
<img src="BarreBasMenu.png"></img>
</div>
<div class="element_menu">
<img src="GoodiesImage.png"><img src="BarreHautMenu.png"><h3></h3></img></img>
<ul>
<li><a href="articles/en-construction.html">Fonds d'écran</a></li>
<li><a href="articles/en-construction.html">Fan-Arts</a></li>
<li><a href="articles/en-construction.html">Musiques</a></li>
<li><a href="articles/en-construction.html">Videos</a></li>
<li><a href="articles/partenaires.html">Partenaires</a></li>
</ul>
<img src="BarreBasMenu.png"></img>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<img src="articles/images/Bandeau-Accueil.png"><h1></h1></img>
<p>
<div style="text-align:justify";>Bienvenue sur Metroid Master, dans sa toute nouvelle version !
Voici une petite présentation de ce qu'offrira le site :
<ul>
<li>Des news fréquentes sur Nintendo, et particulièrement sur Metroid</li>
<li>Des fonds d'écrans trouvés sur le net, fais par moi-même ou envoyés par des fans</li>
<li>Des dossiers sur les jeux de la saga Metroid, les personnages, les lieux, ...</li>
<li>Des tests de jeux, Metroid ou autres, réalisés par moi, ou par des fans qui me les envoient (Plusieurs tests rédigés par des auteurs différents pourront être publiés, pour avoir plusieurs avis différents sur un même jeu)</li>
<li>Un Forum qui paraitra plus tard où tout le monde pourra s'exprimer, donner son avis sur un jeu, etc.</li>
<li>Des musiques, vidéos, et plein d'autres petits trucs sympas sur Metroid !<br />
</ul>
En bref, j'essayerais de mettre le plus de choses possibles dans ce site, pour apprendre à tout le monde ce qu'est vraiment l'univers de Metroid.
Pour un meilleur affichage du site, téléchargez le navigateur Mozilla FireFox.
<div style="text-align:center"><a href="http://firefox.fr/" title="Get Firefox - The Browser, Reloaded."><img src="http://www.firefox.fr/boutons/getfirefox_88x31.png" width="88" height="31" border="0" alt="Get Firefox"></a></div>
</div>
</p>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p></p>
</div>
</div>
</body>
</html>
