Discussion :

[happyboon]

Bonjour à tous qui me lisez actu

Bon moi j'ai un problème j'ai créer un menu déroulant qui s'affiche horizontalement et à la suite du menu je veux créer un div mais ça ne marche pas du tout.

le début du contenu du div se retrouve sous mon menu pourtant il doit commencer à la ligne juste après le menu

voici 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
#menu
{
line-height: 45px;
margin: 20px;
padding: 0;
font-weight: bold;
list-style-type: none;
font-size: 12px;
position: absolute;
}
 
#menu li
{
float: left;
text-align: center;
width: 109px;
border-right:1px solid transparent;
}
 
#menu li:hover > .sousMenu { display: block; }
 
#menu a
{
color: white;
display: block;
text-decoration: none;
background-color: #FF7A7A;
}
 
#menu a:hover { color: #000; background: none;}
#menu a:active { color: #000; background: none; }
 
 
 
#menu .sousmenu
{
display: none;
list-style-type: none;
text-align: center;
padding: 0;
position: absolute;
}
 
#menu .sousmenu li
{
float: none;
	border-top:1px solid transparent;
border-right:1px solid transparent;
}
 
#menu .sousmenu a:hover { color: #000; background:#FF7A7A;}
 
 
#menuSelectUn
{
background-color: white;
margin-top: 20px; 
 
font-family: verdana;
float: left;
	width: 610px;
	border: 5px solid #FF7A7A;/*les 2 cotés donc 10*/
	margin-left: 20px;
	margin-right: 30px;/*total 670*/
}

et voilà 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
21
22
23
24
25
26
27
28
29
30
31
32
<ul id="menu">
 
	<li><a href="acceuil.php">ACCEUIL</a></li>
	<li><a href="bio.php">BIO</a></li>
	<li><a href="medias.php">MEDIAS</a>
		<ul class="sousmenu">
			<li><a href="photos.php">Photos</a></li>
			<li><a href="clips.php">Clips</a></li>
			<li><a href="lives.php">Lives</a></li>	
		</ul>
	</li>
	<li><a href="evenements.php">EVENEMENTS</a></li>
	<li><a href="discographie.php">DISCOGRAPHIE</a></li>
	<li><a href="filmographie.php">FILMOGRAPHIE</a></li>
	<li><a href="nabil_ruudga.php">NABIL&amp;RUUDGA</a></li>
 
	<li><a href="atelier_ruudga.php">ATELIER RUUDGA<a></li>
 
 
</ul>
<!--fin présentation du menu-->
 
<!--menu selectionné-->
<div id="menuSelectUn">
vysdvsdvsdkvsvùmsdùvsdll
</div>
 
<!--fin menu selectionné-->
 
<div id="accessoires">
menuSelectDeux
</div>

en passant ma question N2 est que dans le css le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menu a:active { color: #000; background: none; }

ne marche pas l'arrière plan du lien selectionné est de couleur #FF7A7A

[Torgar]

Salut,

Ton #menu est en position absolue, normal que celui-ci se place au dessus de tes div.

Si tu mets position: relative; ça change quelque chose ?

[happyboon]

Salut,

position: relative; ça change quelque chose ?

oui c'est normal maintenant merci

mais maintenant je veux annuler le fond #FF7A7A
pour le lien du menu actif

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menu a:active { color: #000; background: none; }

ça marche pour les liens survolés

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menu a:hover { color: #000; background: none;}

je sais pas si je comprend bien le a: active mais je crois comprendre que si le clique sur "acceuil" par exemple c'est le "acceuil" qui est le a: active non
pourtant ça marche pas

[Mell]

Non le a:active c'est quand tu cliques sur le a alors il te change ton fond.

si tu veux que ça reste actif il faut que tu le vérifies en PHP ou Js