[Résolu] Probleme de menu - il n'est pas au bon endroit par GuimouZe - page 1

Bonsoir, bah voila, je débute un peu et j'ai commencé le design de mon site (en CSS) cette apres midi.
Voila le résultat:
<lien url="http://img276.imageshack.us/img276/6812/monsite8ah.jpg"></lien>

vous voyez j'ai un probleme avec forum, contact... sa devrai etre un menu en dessous.
Voici mes codes:
index.htm

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design.css" />
</head>

<body>



<div id="en_tete">

</div>

   

   <div id="tableau">
   <table width="1000" text="center">
   <tr>
   <td><a>Accueil</a></td><td><a>Forum</a></td><td><a>Me contacter</a></td>

   </table>
   </div>

   

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





<div id="menu">
<div class="element_menu">

<ul>
<li><a href="page1.html">JointOps</a></li>
<li><a href="page2.html">Swat 4</a></li>
<li><a href="page3.html">PES 5</a></li>
</ul>
</div>
   </div>

   
   <div id="menu 2">
</div>
<div class="element_menu">

<ul>
<li><a href="page1.html">Accueil</a></li>
<li><a href="page2.html">Forum</a></li>
<li><a href="page3.html">Contact</a></li>
</ul>
</div>

</div>



<div id="corps">
<a href="http://www.siteduzero.com">Site du Zér0</a><br />
   h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>



<div id="pied_de_page">
<p>GuimouZe - Le fun avant tout</p>
</div>

</body>
</html>

Design.css

table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
background-color: #F4F9FD;
text-align: center;
}
td
{
border: 1px dashed black;

}
a
{
text-decoration: none;
color: #818589;
font: MANDELA
}

body
{
width: 1000px;
margin: auto;

margin-bottom: 20px;
background-color: #E8F0F4;
}

/* L'en-tête */

#en_tete
{
width: 1000px;
height: 131px;
background-image: url("banniere copie.jpg");
background-repeat: no-repeat;

border: 0px solid black;

}
/*le tableau*/

#tableau
{
width: 760px;
margin-bottom: 12px;
}

/* Les headers */

#header
{
width:118px;
background-image:url("jeux.jpg");
border: 1px dashed black;
Margin-left: 4px;
margin-bottom: 1px;
}

/* Le menu */

#menu
{
float: left;
width: 118px;
Margin-left: 2px;
background-color: #F4F9FD;

background-repeat: repeat-x;

border: 1px solid black;

margin-bottom: 20px;

}

/* Quelques effets sur le menus */

.element_menu ul
{
color: #F4F9FD;
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
margin-top: 5px;

}

.element_menu a
{
color: #5D90B5;

}

.element_menu a:hover
{
text-decoration: underline;
color: #5D90B5
}

/* MENU 2 */
#menu 2
{
float: left;
width: 118px;

Margin-left: 2px;
background-color: #F4F9FD;

background-repeat: repeat-x;

border: 1px solid black;

margin-bottom: 20px;

}

/* Quelques effets sur le MENU 2 */
.element_menu ul
{
color: #F4F9FD;
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
margin-top: 5px;

}

.element_menu a
{
color: #5D90B5;

}

.element_menu a:hover
{
text-decoration: underline;
color: #5D90B5
}

/* Le corps de la page */

#corps
{
margin-left: 140px;
margin-right: 5px;
margin-bottom: 20px;
padding: 5px;

color: #000000;
background-color: #FFFFFF;

background-repeat: repeat-x;

border: 1px solid black;
}

#corps h1
{
color: #000000;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-repeat: no-repeat;

padding-left: 30px;
color: #000000;
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;

text-align: center;

color: #000000;
background-color: #E8F0F4;

background-repeat: repeat-x;

}

Merci de bien vouloir m'aider !

GuimouZe

3 décembre 2005 à 20:26:17

JulFisher

3 décembre 2005 à 20:29:38

Essaie déjà sans espace dans tes noms des id.
Et tu as mal refermé cette balise : <div id="menu 2">, elle se ferme tout de suite après o_O

3 décembre 2005 à 20:38:30

Merci de m'aider, mais la j'ai mis menu2 mais sa ne change rien puis je comprend pas tres bien, ma balise est bien fermée je crois

3 décembre 2005 à 20:40:47

<div id="menu2">
<!-- elle ne doit pas se refermer juste après avoir été ouverte, sinon à quoi bon

-->
<div class="element_menu">

<ul>
<li><a href="page1.html">Accueil</a></li>
<li><a href="page2.html">Forum</a></li>
<li><a href="page3.html">Contact</a></li>
</ul>
</div>
</div>