Bonjour,

Je suis en train de réaliser un site web, j'ai trouvé un tutoriel pour créer un menu (ici) mais celui-ci ne fonctionne pas sur Internet Explorer pour moi (je code en local).

Voila le code, si vous trouvez qqchose qui ne va pas :

HTML :
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
<div id="menu">
	<ul>
		<li><a title="Accueil" href="index.php" onclick="change_current_tab('tab1')">Accueil</a></li>
		<li><a title="News" href="news.php" onclick="change_current_tab('tab2')">Actualités</a></li>
		<li><a title="Artistes" href="artistes.php" onclick="change_current_tab('tab3')">Artistes</a></li>
		<li >
			<a title="Informations Pratiques" href="infos.php" onclick="change_current_tab('tab4')">Infos</a>
			<ul>
				<li><a title="Informations Pratiques - Lieu" href="infos.php?page=lieu" onclick="change_current_tab('tab4')">Lieu</a></li>
				<li><a title="Informations Pratiques - Transport" href="infos.php?page=transport" onclick="change_current_tab('tab4')">Transport</a></li>
				<li><a title="Informations Pratiques - billeterie" href="infos.php?page=billeterie" onclick="change_current_tab('tab4')">Billeterie</a></li>
			</ul>
		</li>
		<li>
			<a title="Historique" href="historique.php" onclick="change_current_tab('tab5')">Historique</a>
			<ul>
				<li><a title="Historique 2008" href="historique.php?page=2008" onclick="change_current_tab('tab5')">Festival 2008</a></li>
				<li><a title="Historique 2007" href="historique.php?page=2007" onclick="change_current_tab('tab5')">Festival 2007</a></li>
			</ul>
		</li>
		<li><a title="Forums" href="forums.php" onclick="change_current_tab('tab6')">Forums</a></li>
			<li><a title="Liens" href="liens.php" onclick="change_current_tab('tab7')">Liens</a></li>
			<li><a title="Contacts" href="contact.php" onclick="change_current_tab('tab8')">Contacts</a></li>
	</ul>
</div>
CSS :
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
<style type="text/css" media="screen">
#menu {
height:50px;
}
 
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
 
</style>
<!--[if !IE]> <-->
<style type="text/CSS" media="screen">
#menu li ul {
position:absolute;
}
</style>
Merci d'avance pour vos réponses.

Cordialement.

Spirit

ps : une autre chose aussi, sur IE7, tout code JavaScript ne fonctionne pas, alors qu'il n'y a aucun soucis sur Firefox.