display d'une class à une autre

Version imprimable

Bonjour,

quelle instruction donner pour que mon sous menu réapparaisse si le pointeur survole le menu ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<style type="text/css">
<!--
.ctete{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	display: block;
	width: auto;
	height: inherit;
	text-decoration: none;
}
.ccorps{
	display: none;
}
.ccorps:hover{
	display: block;
	background-color: #CCCCCC;
}
-->
</style>

Code:

1
2
3
<a href="#" class="ctete">MENU</a>
<a href="#" class="ctete ccorps">lien 1</a>
<a href="#" class="ctete ccorps">lien 2</a>

Code:

1
2
3
4
5
<div class="hidden_ccorps">
<a href="#">MENU</a>
<a href="#" class="ccorps">lien 1</a>
<a href="#" class="ccorps">lien 2</a>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style type="text/css">
<!--
.hidden_corps a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    display: block;
    width: auto;
    height: inherit;
    text-decoration: none;
}

.hidden_corps .ccorps {
     display: hidden;
}

.hidden_corps:hover .ccorps {
     display: block;
     background-color: #CCCCCC;
}
//-->
</style>

18/04/2007, 23h56
LDDL

Slt,

y-a un piti bugg rien ne disparait. J'ai corrigé le display: hidden; mais rien ne se passe.

J'ai décider d'improvisé et c'est pire !
19/04/2007, 07h48
Korko Fain

remplace tous les hidden_corps en hidden_ccorps dans ma css ^^

slt,

Du coup ça disparaît bien mais ça ne réapparais plus 8O

memo :

Code:

1
2
3
4
5
<div class="hidden_corps">
<a href="#">MENU</a>
<a href="#" class="element">lien 1</a>
<a href="#" class="element">lien 2</a>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<style type="text/css">
<!--
 
.element {
     display: none;
}
 
.hidden_corps a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    display: block;
    width: auto;
    height: inherit;
    text-decoration: none;
}
 
.hidden_corps .element {
     display: none;
}
 
.hidden_corps:hover .element {
     display: block;
     background-color: #CCCCCC;
}
-->
</style>

19/04/2007, 11h55
Korko Fain

http://www.peutetreunereponse.net/categorie-295412.html
19/04/2007, 12h07
LDDL

Cool enfin un tut. simple, claire et qui fonctionne. Merci.