créer un sous menu horizontal

Version imprimable

bosoir a tous
aprés plusieurs essai je décide de vous postez
j'ai cré un menu horizental et je veux ajouter des sous menu horizental a ce dernier et merci d'avance
mon code css

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
*{
	margin:0;
	padding:0;
}
#menu{
	width:500px;
	background:#e7474e;
	margin:0 auto;
	height:0px;
	color:#000;
}
.menu{
	float:left;
	width:100px;
	height:30px;
	text-align:center;
}
.menu a{
	display:block;
	height:15px;
	padding-top:2px;
}
.menu a:link, .menu a:visited{
	text-decoration:none; 
	color:#000; font-style:inherit
	font-family:verdana, sans-serif;
	font-size:12px;
	background:#abc url(fond.jpg) 0 -45px;
}
.menu#activ a:link, .menu#activ a:visited{
	background:#abc url(fond.jpg);
	color:#000;
}
.menu a:hover, .menu a:active, .menu a:focus{
	background:#abc url(fond.jpg) 0 -90px;
	color:#000;
}
.menu#activ a:hover, .menu #activ a:active, .menu#activ a:focus{
	background:#abc url(fond.jpg);
	color:#000;
}

et merci d'avance pour vous aide

06/04/2009, 08h09
le_chomeur

le code html / javascript lié ??

si tu le fait en pure css je te redirigerais vers le bon forum :)
06/04/2009, 10h33
agnaou

bonjour a tous et merci por ta reponse mr le chomeur
oui tout a fait et mon besoin c'est ça :une fonction javascript pour que les sous menu apparaitre avec le survol de la souris sur le menu et comment intégré les sous menu dans mon code
et merci encore une fois
06/04/2009, 11h06
le_chomeur

justement , peux tu me montrer ton code HTML ??

tous d'abord merci pour ta repose
donc voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
     <title>Menu horizontal avec onglets</title>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
 
<body>
<div id="menu">
	<div class="menu"><a href="page1.html">Menu 1</a></div>
	<div class="menu"><a href="page2.html">Menu 2</a></div>
	<div class="menu" ><a href="page3.html">Menu 3</a></div>
	<div class="menu"><a href="page4.html">Menu 4</a></div>
	<div class="menu" id="activ"><a href="page5.html">Menu 5</a></div>
</div>
</body>
</html>

et encore une fois merci