bonjour a tous
voila j'ai fait une premiere page avec des menu sur la gauche de mon corps et je voudrait faire la meme chose sur la droite de mon corps mais je n'y arrive pas
est ce que quelqu'un pourrai me donner un petit coup de pouce voir meme un gros
je vous laisse mon index et mon css
index
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>bienvenue sur le site de la team fci !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="css.css" />
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete">
</div>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3> <strong>Pages perso</strong></h3>
<ul>
<li><em><strong><a href="brac.html">page de fci brac</a></em></strong></li>
<li><em><strong><a href="seb.html">page de fci seb</a></em></strong></li>
<li><em><strong><a href="obi.html">page de fci obi</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3><strong>Pages perso</strong></h3>
<ul>
<li><em><strong><a href="phil.html">page de fci phil</a></em></strong></li>
<li><em><strong><a href="inconnu.html">page de ?????</a></em></strong></li>
<li><em><strong><a href="inconnu.html">page de ?????</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3> <strong>Nos duels</strong></h3>
<ul>
<li><em><strong><a href="match.html">contre les new</a></em></strong></li>
<li><em><strong><a href="match.html">attente duel</a></em></strong></li>
<li><em><strong><a href="match.html">attente duel</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3> <strong>Nos liens</strong></h3>
<ul>
<li><em><strong><a href="http://www.pcastuce.com">forum pc astuce</a></em></strong></li>
<li><em><strong><a href="http://www.dryade04.com/shop/annuaire.html">Dryade04.annu</a></em></strong></li>
<li><em><strong><a href="http://gueux.be/modules/news/">Gueux.be</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3> <strong>Nos liens</strong></h3>
<ul>
<li><em><strong><a href="http://www.allxboxskins.com/skins/index.php?app=EvoX&cat=0">Xbox skins</a></em></strong></li>
<li><em><strong><a href="http://www.siteduzero.com/">Site du zero</a></em></strong></li>
<li><em><strong><a href="http://www.mozilla.org/">Mozilla</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3> <strong>divers</strong></h3>
<ul>
<li><em><strong><a href="enroler.html">S'enrôler</a></em></strong></li>
<li><em><strong><a href="mailto:FCI-OBI@hotmail.fr;FCI-BRAC@hotmail.fr;fci_seb@hotmail.fr">nous contacter</a></em></strong></li>
<li><em><strong><a href="citation.html">citations</a></em></strong></li>
</ul>
</div>
<div class="element_menu">
<h3> <strong>divers</strong></h3>
<ul>
<li><em><strong><a href="disparu.html">Disparu</a></em></strong></li>
<li><em><strong><a href="livredor.html">livre d'or </a></em></strong></li>
<li><em><strong><a href="new.html">les new</a></em></strong></li>
</ul>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<h1><em>Enfin, notre site !!!!!!</em></h1>
<p>
Bonjour a tous et bienvenue sur la team FCI !!!<br />
</p>
<h2><em>Phylosophie de la team ?</em></h2>
<p>
jouer ,jouer ,encore jouer a la XBOX,<br />
ne pas se prendre au sérieux<br />
et surtout se faire laminer la tête par les autres équipes sur XBC.
</p>
<h2><em>Histoire de FCI</em></h2>
<p>
A la base nous sommes trois colégues de la même boite ( FCI-OBI, FCI-brac, FCI-SEB )<br />
Nous avons décidé de jouer en réseau et de monter notre propre team <br />
Notre premiére recrue est FCI-PHIL et Maintenant nous essayons de faire notre site<br/>
Dans la mesure du possible,chaque menbre de la team aura son espace personnel dans le site,<BR:>
maintenant il vous suffit d'aller dans les menus et de visiter chaque page,<br/>
Nous vous souhaitons une bonne visite et à bientôt sur XBC.<br/>
</p>
<p class="compteur">depuis le 28 avril 2005, il y a eu <img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[teamfci].dat&dd=c"> visites sur notre site</p>
</div>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p><strong>Copyright " y'en a po " 2005</strong></p>
<p class= "invisible">.</p>
<p class= "invisible">.</p>
</div>
</body>
</html>
mon fichier css
{
width: 800px;
margin:auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("pre3.gif");
background-color: black;
background-attachment: fixed; /* Le fond restera fixe */
}
/* L'en-tête */
#en_tete
{
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
border: 8px groove silver;
margin-top: 0px;
margin-left: 15px;
width: 790px;
height:330px;
background-color: #ffe507;
background-image: url("baniere3.gif");
background-repeat: no-repeat;
margin-bottom: 30px;
}
/* Le menu */
#menu
{
float:left;
width: 185px;
}
.element_menu
{
background-color: black;
background-image: url("toxiclolreduit.jpg");
background-repeat: repeat-x;
border: 6px groove silver;
margin-left: 25px;
margin-bottom:31px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color: #ffee24;
font-family: "Times New Roman", Times, serif;
font-weight:bolder;
font-style:italic;
text-align: center;
}
.element_menu ul
{
list-style-image: url(".png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 14px;
}
.element_menu a
{
color:lime;
}
.element_menu a:hover
{
text-decoration:none;
background-color: #ffffff;
color: red;
}
#corps
{
height:1160px;
margin-left: 215px;
margin-bottom: 30px;
padding: 10px;
font-weight:bold;
font-style:italic;
color:white;
font-size: 23px;
background-color: #626262;
background-image: url("halo2.jpg");
background-repeat: repeat-x;
border: 8px groove silver;
}
#corps h1
{
font-weight:bolder;
font-style:italic;
text-align: center;
font-size: 48px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
h1
{
font-style:italic;
font-weight:bolder;
font-style:italic;
text-decoration: underline;
color: yellow;
}
h2
{
color: yellow;
border: 6px groove silver;
}
#corps h2
{
height: 40px;
background-image: url("");
background-repeat: no-repeat;
padding-left: 30px;
text-align: left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
margin-top: 30px;
padding: 5px;
text-align: center;
margin-left: 30px;
font-weight:bolder;
font-style:italic;
color: yellow;
font-size: 18px;
background-color: #626262;
background-image: url("rs3fin.jpg");
background-repeat: repeat-x;
border: 8px groove silver;
}
li
{
color: lime;
}
.compteur
{
margin-top:340px;
color: black;
font-size: 14px;
font-family: Arial Black, Arial, Times New Roman, Times, serif;
}
je vous remercie d'avance si quelqu'un peu m'aider
aide pour création menu (résolu)
