Discussion :

[philippef]

Bonjour.

J'ai pris le menu sur un tuto ici et je voudrais le modifier un peu :
mettre une bordure sur les onglets et mettre une couleur de fonds.
J'essaie depuis des heures mais sans résultat.

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
* {
margin:0px;
padding:0px;
/*background:#ffffff;*/
background:#ffffff;
text-align:center;
}
 
body{
	font-family:Tahoma;
	font-size: 80%;
}
.haut {
	width:95%;
 	background:green;
	height:100px;
	font-size:12px;
}
 
.conteneur {
	width: 94.5%;
	align:center;
	height: 720px;
	background-color: yellow;
	margin-left:auto;
	margin-right:auto;
	background-image:url(pelliculew2.jpg);
}
.frame {
	width: 76%;
	height: 630px;
	background-color: red;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
}
 
img {
	border:none;
}
 
a {  
color:#000000;
text-decoration:none;
text-transform:none;
}
 
/*centre la page et donne la largeur pour une basse résolution*/
.centrer {
margin-left:auto;
margin-right:auto;
/*width:626px;*/
width:50%;
}
 
/****************************/
/* 	début menu	déroulant	*/
/****************************/
 
ul, li {
	list-style-type:none;
}
/*chaque sous-menu*/
#menu ul li{
position:relative;
float:left;
width:125px;
cursor:pointer;
display:block;
background:none;
height:22px;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:125px;
border:1px solid #dddddd;
border-top:none;
top:22px;
left:0;
}
 
#menu ul li ul li {
height:100%;
}
 
#menu ul li ul li a {
color:#3399ff;
font-size:12px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;
}
/*au passage de la souris on inverse les couleurs de la case*/
#menu li li a:hover {
color:#ffffff;
background:#3399ff;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:125px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-127px;
}

Merci d'avance

[Bisûnûrs]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/*chaque sous-menu*/
#menu ul li{
position:relative;
float:left;
width:125px;
cursor:pointer;
display:block;
background:none; /* Change la couleur ici */
height:22px;
/* Rajout d'une bordure : */
border:1px solid red;
}