créer un sous menu horizontal

**agnaou** · 06/04/2009, 01h28

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 :

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
*{
	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

**le_chomeur** · 06/04/2009, 08h09

le code html / javascript lié ??

si tu le fait en pure css je te redirigerais vers le bon forum

**agnaou** · 06/04/2009, 10h33

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

**le_chomeur** · 06/04/2009, 11h06

justement , peux tu me montrer ton code HTML ??

**agnaou** · 06/04/2009, 11h16

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

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
<!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

créer un sous menu horizontal

JavaScript

Discussions similaires

Partager

Partager