afficher une div au survol d'une autre div [Résolu]

[Vanlen]

Bonjour tout le monde

Comme le titre de se sujet l'indique je souhaiterai qu'au survol de ma souris sur une div, une autre div, jusque la caché, apparaisse.

Ce serai une sorte de menu, la 1ere div correspond au titre des catégorie et la 2eme div, à tout son contenu.

Code :

1
2
3
4
5
6
7
8
9
10
11
<div class="niveau1">
                    <div class="DLFirstLevels"><a href="#" class="niveau1_titre">XXXXXX</a></div>
                    <div class="niveau2">
                        <dl>
                            <dt class="niveau2_titre"><a href="sous_menu1.1" class="sous_menu_titre">XXXXXX</a></dt>
                            <dd><a href="sous_menu1.2">XXX</a></dd>
                            <dd><a href="sous_menu1.3">XXX</a></dd>
                            <dd><a href="sous_menu1.4">XXX</a></dd>
                        </dl>
                    </div>
           </div>

Ici, au passage de la souris sur div class="DLFirstLevels", la <div class="niveau2"> apparait.

merci

[ornitho13]

Salut,

en CSS, il y a la pseudo-class "hover" qui te permet de la faire.

Code :

1
2
3
4
5
6
7
 
.niveau2{
	display:none;
}
.niveau1:hover .niveau2{
	display:block;
}

sur le hover de ton div class="niveau1", la div class="niveau2" apparaitra et inversement sur un rollout.

++

[Vanlen]

Merci

Je connaissais hover, mais j'avais mal imbriquer mes div. Comme tu me la montré était la bonne façon de faire.

Maintenant ca marche nickel

Et désolé pour la longue réponse, mais j'avais laisser de coté, je viens de reprendre ce menu