Arrondi CSS

Bonjour tout le monde.
J'ai pu résoudre mon problème avec la BDD.
Maintenant le problème c'est que j'ai des soucis avec mon script style.css :
-1- j’essaie de faire arrondi,il fait bien mais laisser les angles.
-2- je n'arrive pas à cacher les serveurs.
je vous mets les codes.

index.php

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
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
 
<!DOCTYPE >
<html lang="fr">
<head>
	<title>Contrôles des bases de données</title>
	<meta charset=UTF-8/>
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>	
<body>
 
<div id="menu">
	<ul>
		<li>
			<a href="#">Production</a>
			<ul>
				<li><a href="#">Serveurs</a></li>
					<ul>
						<li><a href="#">FFF191</a></li>
						<li><a href="#">FFF231</a></li>
						<li><a href="#">FFF241</a></li>
					</ul>
			</ul>
		</li>
	</ul>
	<ul>
		<li>
			<a href="#">Pré-Production</a>
				<ul>
					<li><a href="#">Serveurs</a></li>
						<ul>
							<li><a href="#">EEE223</a></li>
							<li><a href="#">EEE243</a></li>
							<li><a href="#">EEE253</a></li>
						</ul>
				</ul>
		</li>
	</ul>
	<ul>
		<li>
			<a href="#">Développement</a>
				<ul>
					<li><a href="#">Serveurs</a></li>
						<ul>
							<li><a href="#">DDD046</a></li>
							<li><a href="#">DDD075</a></li>
						</ul>
				</ul>
		</li>
	</ul>
	<ul>
		<li>
			<a href="#">Qualification fonctionnelle</a>
				<ul>
					<li><a href="#">Serveurs</a></li>
								<ul>
									<li><a href="#">BBB077</a></li>
									<li><a href="#">BBB095</a></li>
								</ul>
				</ul>
		</li>
	</ul>
	<ul>
		<li>
			<a href="#">Qualification technique</a>
				<ul>
					<li><a href="#">Serveurs</a></li>
						<ul>
							<li><a href="#">CCC135</a></li>
							<li><a href="#">CCC138</a></li>
						</ul>
				</ul>
		</li>
	</ul>
	<ul>
		<li>
			<a href="#">Env AAA*</a>
				<ul>
					<li><a href="#">Serveurs</a></li>
						<ul>
							<li><a href="#">AAA023</a></li>
							<li><a href="#">AAA033</a></li>
							<li><a href="#">AAA053</a></li>
							<li><a href="#">AAA055</a></li>
							<li><a href="#">AAA074</a></li>
							<li><a href="#">AAA092</a></li>
							<li><a href="#">AAA095</a></li>
							<li><a href="#">AAA098</a></li>
							<li><a href="#">AAA171</a></li>
							<li><a href="#">AAA173</a></li>
							<li><a href="#">AAA177</a></li>
							<li><a href="#">AAA191</a></li>
							<li><a href="#">AAA192</a></li>
							<li><a href="#">AAA221</a></li>
							<li><a href="#">AAA223</a></li>
							<li><a href="#">AAA225</a></li>
							<li><a href="#">AAA226</a></li>
							<li><a href="#">AAA231</a></li>
							<li><a href="#">AAA238</a></li>
							<li><a href="#">AAA239</a></li>
							<li><a href="#">AAA240</a></li>
							<li><a href="#">AAA241</a></li>
							<li><a href="#">AAA243</a></li>
							<li><a href="#">AAA246</a></li>
						</ul>
				</ul>
		</li>
	</ul>
</div>
</body>	
</html>

et le style.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
 
#menu, #menu ul{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	font-family: "Lucida Console";
	font-style: italic;
	list-style-type:none; 			/* enlever les puces */
}
#menu > li{							/* mettre un bordure à droit */
	border-right:2px solid white ;
}
 
#menu li:last-child{					/* enlever la bordure du dernier element */
	border:none;
}
 
#menu li {
	display: inline-block; 			/* placer tous les elements à la suite des uns des autres*/
	font-size: 12px;				/* afficher tous les elements */
	position: relative;				/* position du block li  */
}
#menu a{
	display: block;					/* affecter une hauteur et une hauteur aux differents liens */
	width: 130px;					/* largeur */
	height: 30px;					/* hauteur */
	line-height: 30px;				/* liens centrer verticalement */
	text-align: center;				/* tous les textes centrés */
	background-color : #5EB6DD;		/* couleur du texte */
	color : white;					
	border-radius:5px;				/* arrondir les angles des boites */
	text-decoration:none;			/* enlever soulignement des textes */			
	font-family: "Lucida Console";			/* changer la police */
	font-style: italic;
	border: 1px #457DBB solid;
}
 
#menu li ul{							/* survol des mes elements */
	position:absolute;
	left: -5000px;					/* deplacer les blocks a gauche */
}
 
 
#menu li:hover  > ul{					/* survol du li, le suivant est cacher */
	left:0px;
}
 
#menu li li:hover  > ul{					/* survol du li, le suivant est cacher */
	left:130px;
	top:0px;						/* pas de decalage*/	
}
 
#menu a:hover {						
	color:black;					/* survol les liens, on change la couleur du texte*/
	background-color:#C4D7ED; 		/* survol les liens, on change la couleur du fond */
}

Merci de votre aide.

Cordialement
Zozotitou

Bonjour,

"il fait bien mais laisser les angles." ???? :koi:
"cacher les serveurs" ???? re-:koi:

Merci de votre aide !!!

42 ?
J'avoue, je n'ai peut-être pas bien compris la question...
Au fait, quelle est-elle, cette fameuse question ? :aie:

Si tu arrondissais un peu les angles en nous expliquant cette partie de cache-cache avec les serveurs, afin d'améliorer notre collaboration au sein du processus BDD ? :mrgreen:

Plus sérieusement, essaie de décrire clairement ce que tu aimerais obtenir et à quel niveau se situe ton problème si tu veux qu'on puisse t'aider.

@Candygirl: En fait, le sujet a été amputé de certains commentaires, en plus de répondre à une question incohérente :mrgreen:

1 pièce(s) jointe(s)

Bonjour Muchos, Candygirl et tout le monde,

-1- Mon problème c’est que je n’arrive pas à arrondir les angles de menu.

-2- Aussi quand je clique sur l’environnement (Production, Pré-Production, …), je vous qu’il m’affiche le sous-menu serveur et pas les menus des serveurs.

Voir photo ci-jointe.

Merci de votre aide.
Cdlt
Zozotitou

=> La galerie CSS : Menus horizontaux

Merci
J'ai résolu mon problème.