Bonjour, je suis sur un site qui me pose problème :
pour faire un menu, j'ai utilisé le code suivant :
avec le css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <div id="sous_menu"> <div class="sous_menu"> FEMME </div> <div class="sous_menu"> LINGERIE </div> <div class="sous_menu"> ENFANT </div> <div class="sous_menu_over"> SPORT </div> <div class="sous_menu"> HOMME </div> </div>
Mais si je mets un autre p ou div après celui ci-dessus, le texte contenu dedans se mets à côté du précédent (commi si il avait un float:left lui aussi.
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 .sous_menu { float: left; display: block; color: #666; height: 20px; line-height: 20px; font-weight: bold; } .sous_menu_over { float: left; display: block; color: #FE690F; font-weight: bold; height: 20px; line-height: 20px; background: url(images/triangle_repere_orange.gif) bottom center no-repeat; }
Comment faire pour le mettre en dessous ???
Récap de mon code :
Je voudrais que mon p avec les --------------- vienne sous le menu !!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="sous_menu"> <div class="sous_menu"> FEMME </div> <div class="sous_menu"> LINGERIE </div> <div class="sous_menu"> ENFANT </div> <div class="sous_menu_over"> SPORT </div> <div class="sous_menu"> HOMME </div> </div> <p>-----------------------------------------------------</p>
Merci d'avance !
Partager