menu horizontal css

Version imprimable

menu horizontal css

Bonsoir , j'ai ce div ci :

Code:

1
2
3
4
5
6
7
8
9
 
#cadre {
height: 75px;
width: 855px;
background: #fff;
border: solid 1px;
margin-left: auto;
margin-right: auto;
}

jusqu'ici pas de problème , je souheterai placer un menu horizontal de 700px de large , dans de div , en bas aligné à droite , j'ai ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.moumou {
margin-top: 60px;
width: 700px;
height: 15px; 
background-image:url('../blabla.gif');
float: right;
border: 1px solid black;
border-right: none;
}
 
.moumou li {
float: left;
}

Code:

1
2
3
4
5
6
7
8
9
10
 
<div id="cadre">
         <ul class="moumou">
         <a href="">abc</a></li>
         <a href="">abcd</a></li>
         <a href="">efgh</a></li>
         <a href="">ijkl</a></li>
         </ul>
         </div>
      </div>

et çà marche pas vraiment .... quelqu'un pourrait me donner son avis?
merci

08/01/2006, 23h12
Nesmontou

Salut, qu'est-ce que tu veux dire par "ça marche pas vraiment" :?: Les positions sont incorrectes :?: Les tailles :?:

Petite remarque, tu as écrit

Code:

<a href="">abc</a></li>

Il faut que tu fasses

Code:

<li><a href="">abc</a></li>

pour chaque ligne

Bon développement ;-)
09/01/2006, 00h26
Bibouda
jlaisse tomber j'arriverai jamais à foutre de menu à cet endroit , on va faire plus simple , dans ce div :
Code:

1 2 3 4 5 6 7 8 9 .moumou { margin-top: 60px; width: 700px; height: 15px; background-image:url('../blabla.gif'); float: right; border: 1px solid black; border-right: none; }
j'aimerais mettre un tableau de 4 cases DE MEME LONGUEUR , est ce possible ? car quand je fous un tableau les cases sont pas du tout régulières ....
Il faut aussi que la bordure droite de la cellule du tableau TOUCHE le bord 1px solid black du div , c'est faisable aussi , car chaque fois ya une marge de 2px environ entre la cellule et le bord du div...
09/01/2006, 01h31
Linaa

Citation:

Envoyé par Bibouda

j'aimerais mettre un tableau de 4 cases DE MEME LONGUEUR , est ce possible ? car quand je fous un tableau les cases sont pas du tout régulières ....

Dans ce cas, fixes les colonnes (<td>) de ton tableau avec une taille fixe.
09/01/2006, 02h29
Bibouda

je ne sais pas fixer la taille des cellules , j'en veux 4 , et qu'elles occupent chacune 25% de la ligne... ... et pour ceci :

Il faut aussi que la bordure droite de la cellule du tableau TOUCHE le bord 1px solid black du div , c'est faisable aussi , car chaque fois ya une marge de 2px environ entre la cellule et le bord du div...

?