un trait qui me pose problème

**barbapapa2** · 22/11/2006, 13h22

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 HTML :

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

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

**Bisûnûrs** · 22/11/2006, 13h28

Je n'ai pas de trait sur Firefox2 et ton code est complètement buggé sur IE6 donc je ne peux rien voir.

**barbapapa2** · 22/11/2006, 13h32

Merci de ta réponse

Buggué sur IE 6 ? Houla sur IE 7 pas de problème... par contre pour IE 6 tu me fais peur !!!!

Qu'est ce qui pourrait le faire buggué?

J'essaie de voir cela avant toute chose

un trait qui me pose problème

HTML

Discussions similaires

Partager

Partager