un trait qui me pose problème
Bonjour,
Je débute en html et css mais j'avance pas à pas...
J'ai un petit souci d'ordre esthétique :
1 trait dans mon sous menu déroulant perturbe mon l'esthétique de mon menu.
Ce trait se trouve dans le menu : Qualité >> Formulaires
Et c'est bien ce trait noir et blanc sous "formulaire" qui me perturbe !!!
J'ai essayé plein de choses mais rien n'y fait.
code html :
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
111
112
113
114
115
116
117
118
119
|
<div class="menu">
<ul>
<li><a href="Agrements/Agrements.html">Agréments</a>
<dt></li>
<ul></ul>
<li><a href="#nogo">Notes de Service / Information »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Direction Générale</a></li>
<li><a href="../index.html">Qualité</a></li>
<li><a href="../index.html">Direction Ressources Humaines</a></li>
<li><a href="../index.html">Direction Opérations Aériennes</a></li>
<li><a href="../index.html">Direction Opérations Sol</a></li>
<li><a href="../index.html">Officier Sécurité des Vols</a></li>
<li><a href="../index.html">Personnel Navigant Commercial</a></li>
<li><a href="../index.html">Responsable Désigné Entretien</a></li>
<li><a href="../index.html">Responsable Entretien en Ligne</a></li>
<li><a href="../index.html">Bureau Technique</a></li>
<li><a href="../index.html">Poste de Coordination Technique</a></li>
<li><a href="../index.html">Logistique</a></li>
<li><a href="../index.html">Bureau d'Etudes</a></li>
<li><a href="../index.html">Escales</a></li>
</ul>
</li>
<li><a href="#nogo">Qualité »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Qualite\qualite_doc.html">Documents</a></li>
<li class="sub"><a href="#nogo">Formulaires »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Maintenance</a></li>
<li><a href="#nogo">Opérations</a></li>
<li><a href="#nogo">Sécurité des vols</a></li>
<li><a href="#nogo">GSAC</a></li>
<ul></ul>
</li>
</ul>
</li>
<li><a href="../index.html">Flash Qualité</a></li>
<li><a href="../index.html">Ponctualité</a></li>
<li><a href="../index.html">Statistiques d'audit</a></li>
<li><a href="../index.html">Bull.Sécurité Vols</a></li>
<li><a href="../index.html">Répertoire Documentaire</a></li>
</ul>
</li>
<li class="sub"><a href="#nogo">Maintenance & Navigabilité »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Documents</a></li>
<li><a href="../index.html">Aircraft Data Sheet</a></li>
<li><a href="../index.html">Production</a></li>
<li><a href="../index.html">staff</a></li>
<li><a href="../index.html">Engineering</a></li>
<li class="sub"><a href="#nogo">Interior »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Liste de capacité</a></li>
<li><a href="#nogo">CMM Sièges</a></li>
<ul></ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#nogo">Procédures Associées »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Direction Générale</a></li>
<li><a href="../index.html">Qualité</a></li>
<li><a href="../index.html">Maintenance</a></li>
<li><a href="../index.html">Gestion de Navigabilité</a></li>
<li><a href="../index.html">Opérations</a></li>
<li><a href="../index.html">Escales</a></li>
<li><a href="../index.html">Bureau d'Etudes</a></li>
</ul>
</li>
<li><a href="#nogo">Opérations Aériennes</a></li>
<ul></ul>
<li><a href="#nogo">Opérations Sol</a></li>
<ul></ul>
<li><a href="#nogo">Escales</a></li>
<ul></ul>
<li><a href="#nogo">Organigrammes »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Général</a></li>
<li><a href="../index.html">Direction Générale</a></li>
<li><a href="../index.html">Qualité</a></li>
<li><a href="../index.html">Direction des Opérations</a></li>
<li><a href="../index.html">Direction Technique</a></li>
</ul>
<li><a href="#nogo">Divers</a></li>
<ul></ul>
<li><a href="#nogo">Contact »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Personnel Sol</a></li>
<li><a href="../index.html">Personnel Navigant Technique</a></li>
</ul>
</ul>
</div>
</div> |
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
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
|
body {
padding:0px;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
background-color: #050d1d;
background-repeat: no-repeat;
background-position: 14px 45%;
display: block;
font-weight: lighter;
}
div#bandeau {
width:995px;
height:140px;
background-color:#050d1d;
}
div#bar {
width:995px;
height:8px;
background-color:#050d1d;
}
div#menu {
float:left;
width:198px;
height:448px;
background-color:#7d9ac9;
}
.menu {
z-index:1000;
font-size:90%;
width: 197px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
height:30px;
width: 197px;
background-color: #7d9ac9;
text-indent: 5px;
}
div#contenu {
float:left;
width:647px;
height:448px;
background-color:#2e3060;
}
div#contenu1 {
float:left;
width:647px;
height:94px;
background-color:#2e3060;
}
div#contenu2 {
float:left;
width:647px;
height:154px;
background-color:#2e3060;
}
div#contenu3 {
float:left;
width:647px;
height:200px;
background-color:#2e3060;
}
div#bloc {
float:right;
width:150px;
height:81px;
background-color:#2e3060;
}
div#bloc_news {
float:right;
width:150px;
height:94px;
background-color:#2e3060;
}
div#bloc_lien {
float:right;
width:150px;
height:154px;
background-color:#2e3060;
}
div#bloc_avis {
float:right;
width:150px;
height:200px;
background-color:#2e3060;
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:30px;
line-height:30px;
width:195px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#7d9ac9; width:197px; w\idth:196px;}
/* style the link hover */
* html .menu a:hover {
color:#fff;
background-color:#2e3060;
width: 195px;
}
.menu :hover > a {
color:#fff;
background:#2e3060;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:195px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}
div#pied_page {
clear:both;
width:995px;
height:15px;
background-color:#2e3060;
} |
Help me, un petit coup de main serait sympa.
Merci d'avance à vous.
