Salut a tous,
j'ai fait un petit menus sous CSS dont voici le code:
le html:
etl le CSS associé:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <div style="height:800px; width:132px; float:left; margin-left:0px;padding:0; margin:0; "> <ul id="menu2"> <li id="haut"><a href="" style="">Espace:</a></li> <li id="etudiant"><a href="">Etudiant</a></li> <li id="entreprise"><a href="">Entreprise</a></li> <li id="bas"><a href=""></a></li> </ul> </div>
Le probleme est que sous IE j'ai un petit écart entre chaque <li> Savez vous d'ou ca peut venir?
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 #menu2 { margin:0; padding:0; overflow:hidden; } ul#menu2 li { color:black; padding:0; margin:0; } ul#menu2 li a { display: block; } ul#menu2 { list-style-type: none; padding:0; margin:0; } li#haut a { background: url(CVenligne/7.jpg) no-repeat; width:132px; height:29px; padding:0; margin:0; } li#haut a:hover { background: url(CVenligne/7.jpg) no-repeat; /* effet de rollover pour le bouton accueil à renouveler avec le reste des boutons */ width:132px; height:29px; cursor:default; padding:0; margin:0; } li#bas a { background: url(CVenligne/100.jpg) no-repeat; width:132px; height:23px; padding:0; margin:0; } li#bas a:hover { background: url(CVenligne/100.jpg) no-repeat; /* effet de rollover pour le bouton accueil à renouveler avec le reste des boutons */ width:132px; height:23px; cursor:default; padding:0; margin:0; } li#etudiant a { background: url(CVenligne/81.jpg) no-repeat; width:132px; height:21px; padding:0; margin:0; } li#etudiant a:hover { background: url(CVenligne/82.jpg) no-repeat; /* effet de rollover pour le bouton accueil à renouveler avec le reste des boutons */ width:132px; height:21px; padding:0; margin:0; } li#entreprise a { background: url(CVenligne/91.jpg) no-repeat; width:132px; height:21px; padding:0; margin:0; } li#entreprise a:hover { background: url(CVenligne/92.jpg) no-repeat; /* effet de rollover pour le bouton accueil à renouveler avec le reste des boutons */ width:132px; height:21px; } ul#menu2 a:link { text-decoration: none; color:#07243D; font-weight:bold; text-align:center; font-size:14px; } ul#menu2 a:visited { text-decoration: none; color:#07243D; font-weight:bold; text-align:center; font-size:14px; } ul#menu2 a:hover { text-decoration: none; color:#07243D; font-weight:bold; text-align:center; font-size:15px; } ul#menu2 a:active { text-decoration: none; color:#07243D; font-weight:bold; text-align:center; font-size:14px; }
Merci d'avance .
Partager