bonjour à tous !!

je voudrais aligner 2 class d'un id l'un à coté de l'autre et non l'un au dessus et l'autre au dessous

mon code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
#haut
{
text-align : center; 
 
 
 
 
}
 
.en_tete
{
background-color: yellow;
 
   width: 200px;
   height: 100px;
 
 
   background-repeat: no-repeat;
   margin-bottom: 5px;
border: 2px solid black;
}
mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id = "haut">
 
       <div class="en_tete">
                  Compte<br>
                  <a href="page1.html">Lien</a><br>
                   <a href="page2.html">Lien</a><br>
                   <a href="page3.html">Lien</a>
 
                     </div>
 
            <div class="en_tete">
              Information<br>
                  <a href="page1.html">Lien</a>
 
 
 
       </div>
 
       </div>

en faite ce code je le mets en haut de page et à gauche de ma page j'ai un menu
donc voici le code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}
 
.element_menu
{
   background-color: yellow;
   background-image: url("images/search.png");
   background-repeat: repeat-x;
 
   border: 2px solid black;
 
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
 
}
et le code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="menu">        
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page1.html">Lien</a></li>
                   <li><a href="page2.html">Lien</a></li>
                   <li><a href="page3.html">Lien</a></li>
               </ul>
           </div>
 
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page4.html">Lien</a></li>
                   <li><a href="page5.html">Lien</a></li>
                   <li><a href="page6.html">Lien</a></li>
               </ul>
           </div>        
       </div>

ça vous aidera surement à comprendre...

je cherche mais je ne trouve rien de concluant, ça me rend dingue!!

merci beaucoup de m'aider un ti peu ...