Hallo,
habe mir ein Coolmenu umgeschrieben, welches über Mozilla Firefox funktioniert, aber nicht über den Internet Explorer.
Was muss ich verändern, damit das Menu auch über den Explorer zu navigieren ist?
Hier ist mal das Skript:
Code: <style type="text/css">
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
border:0; margin:0; padding:0;
}
ul, li{border:0; padding:0; margin:0; list-style:none;}
/* ----------- NAVIGATION----------- */
#top-navigation{
background:url() repeat-x;
width:auto;
height:1px;
margin:0 auto;
}
#navigation{
background:url() repeat:no;
height:3px;
margin:0 auto;
width:auto;
}
#navigation ul{
height:32px;
line-height:20px;
}
#navigation ul li{
display:inline;
}
#navigation ul li a,
#navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 2px;
display:block;
text-decoration:bold;
float:left;
color:#ffcc00;
font-weight:bold;
text-shadow: #ffffcc 2px 2px 2px;
}
#navigation ul li a:hover{
color:#ffcc00;
}
/* ----------- SUBLINKS ----------- */
#sublinks{
width:auto;
margin:0 auto;
background: url(img/sublink.gif);
height:30px;
font-size:15px;
}
#sublinks ul{
height:85px;
line-height:45px;
}
#sublinks ul li{
display:inline;
}
#sublinks ul li a,
#sublinks ul li a:visited {
padding:0 15px;
display:block;
text-decoration:bold;
float:left;
color:#FFCC00;
}
#sublinks ul li a:hover{
text-decoration: bold;
}
/* ----------- SUBMENU ----------- */
#s1, #s2, #s3,#s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11{display:none;}
</style>
<script type="text/javascript">
function showsubmenu(id){
submenu=document.getElementById('s'+id);
for(i=1;i<=11;i++){
if(i==id){
submenu.style.display="block";
} else{
document.getElementById('s'+i).style.display="none";
}
}
}
</script>
</head>
<!-- Main Menu -->
<div id="navigation">
<ul id="mymenu">
<li><a href="http://jdk.de.tl/HOME.htm">Home |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(1)">Jamie | </a></li>
<li><a href="http://jdk.de.tl/Autogrammadresse.htm">Autogramme |</a></li>
<li><a href="http://jdk.de.tl/Termine.htm">Kalender |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(2)">Community |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(3)">Fotos |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(4)">Videos |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(5)">Slideshows |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(6)">Kreatives |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(7)">Gifs |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(8)">Downloads |</a></li>
<li><a href="http://jdk.de.tl/Links.htm">Links |</a></li>
<li><a href="http://www.guweb.com/cgi-bin/postcard?id=JDK">E-Cards |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(9)">Spiele |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(10)">Sonstiges |</a></li>
<li><a href="#" onmouseover="javascript:showsubmenu(11)">Guests </a></li>
</ul>
</div>
<!-- SUB MENU -->
<div id="sublinks">
<ul id="s1">
<li><a href="http://jdk.de.tl/Steckbrief.htm">Steckbrief</a></li>
<li><a href="http://jdk.de.tl/Biografie.htm">Biografie</a></li>
<li><a href="http://jdk.de.tl/Die-Familie.htm">Familie Knoblauch</a></li>
<li><a href="http://jdk.de.tl/Bei-DSDS.htm">DSDS</a></li>
<li><a href="http://jdk.de.tl/Bei-TV-Total.htm">TV total</a></li>
<li><a href="http://jdk.de.tl/The-Cash.htm">The Cash</a></li>
<li><a href="http://jdk.de.tl/Pressearchiv.htm">Pressearchiv</a></li>
<li><a href="http://jdk.de.tl/Discographie.htm">Discografie</a></li>
</ul>
<ul id="s2">
<li><a href="http://jdk.foren-city.de/">Forum</a></li>
<li><a href="http://jdk.de.tl/Chat.htm">Chat</a></li>
</ul>
<ul id="s3">
<li><a href="http://jdk.de.tl/Galerie-von-Jamie/index.htm">Von Jamie</a></li>
<li><a href="http://jdk.de.tl/Galerie-von-The-cash.htm">Von The Ca$h</a></li>
<li><a href="http://jdk.de.tl/Animiert.htm">Animiert</a></li>
<li><a href="http://jdk.de.tl/Spezialeffekte.htm">Mit Spezialeffekten</a></li>
</ul>
<ul id="s4">
<li><a href="http://jdk.de.tl/-Ue-bersicht.htm">Übersicht</a></li>
<li><a href="http://jdk.de.tl/Von-Jamie-%231.htm">Von Jamie#1</a></li>
<li><a href="http://jdk.de.tl/Von-Jamie-%232.htm">Von Jamie#2</a></li>
<li><a href="http://jdk.de.tl/The-Ca%24h-bunt-%231.htm">Von The Ca$h#1</a></li>
<li><a href="http://jdk.de.tl/The-Ca%24h-bunt-%232.htm">Von The Ca$h#2</a></li>
<li><a href="http://jdk.de.tl/The-Ca%24h-bunt-%233.htm">Von The Ca$h#3</a></li>
</ul>
<ul id="s5">
<li><a href="http://jdk.de.tl/Von-Jamie-1.htm">Von Jamie#1</a></li>
<li><a href="http://jdk.de.tl/Von-Jamie-2.htm">Von Jamie#2</a></li>
<li><a href="http://jdk.de.tl/Von-Jamie-3.htm">Von Jamie#3</a></li>
<li><a href="http://jdk.de.tl/Von-The-Cash.htm">Von The Ca$h</a></li>
</ul>
<ul id="s6">
<li><a href="http://jdk.de.tl/Fotocollagen.htm">Fotocollagen</a></li>
<li><a href="http://jdk.de.tl/Bildmontagen.htm">Bildmontagen</a></li>
<li><a href="http://jdk.de.tl/Fan_Arts.htm">Fan-Arts</a></li>
<li><a href="http://jdk.de.tl/Blinkies.htm">Blinkies</a></li>
<li><a href="http://jdk.de.tl/Funpics.htm">Funpics</a></li>
</ul>
<ul id="s7">
<li><a href="http://jdk.de.tl/Kalender-.htm">Kalender</a></li>
<li><a href="http://jdk.de.tl/Wallpapers.htm">Wallpapers</a></li>
<li><a href="http://jdk.de.tl/Avas-%26-Banner.htm">Avas & Banner</a></li>
<li><a href="http://jdk.de.tl/Stundenpl.ae.ne.htm">Stundenpläne</a></li>
<li><a href="http://jdk.de.tl/Briefpapier.htm">Briefpapier</a></li>
<li><a href="http://jdk.de.tl/Visitenkarten.htm">Visitenkarten</a></li>
<li><a href="http://jdk.de.tl/Lesezeichen.htm">Lesezeichen</a></li>
<li><a href="http://jdk.de.tl/To_do_Lists.htm">To-Do-Lists</a></li>
<li><a href="http://jdk.de.tl/CD_Cover.htm">CD-Cover</a></li>
<li><a href="http://jdk.de.tl/Heftaufkleber.htm">Heftaufkleber</a></li>
</ul>
<ul id="s8">
<li><a href="http://jdk.de.tl/Downloads.htm">Musik</a></li>
<li><a href="http://jdk.de.tl/Autogramme.htm">Autogramme</a></li>
</ul>
<ul id="s9">
<li><a href="http://jdk.de.tl/Puzzelbilder.htm">Puzzel</a></li>
<li><a href="http://jdk.de.tl/Schiebebilder.htm">Schiebebilder</a></li>
<li><a href="http://jdk.de.tl/Schiebebilder%232.htm">Schiebebilder#2</a></li>
<li><a href="http://jdk.de.tl/Farbk.ae.stchen.htm">Farbkästchen</a></li>
<li><a href="http://jdk.de.tl/Memory_Spiele.htm">Memories</a></li>
<li><a href="http://jdk.de.tl/Slot_Machines.htm">Slot-Machines</a></li>
<li><a href="http://jdk.de.tl/Brick_Spiele.htm">Brick-Spiele</a></li>
<li><a href="http://jdk.de.tl/R.ae.tsel.htm">Rätsel</a></li>
</ul>
<ul id="s10">
<li><a href="http://jdk.de.tl/Umfragen.htm">Umfragen</a></li>
<li><a href="http://jdk.de.tl/Quizzes.htm">Quizzes</a></li>
<li><a href="http://jdk.de.tl/Witziges.htm">Witziges</a></li>
</ul>
<ul id="s11">
<li><a href="http://www.venx-gb.de/gb-a29416-0.html">Gästebuch</a></li>
<li><a href="http://www.pinnwand4u.de/lana/">Pinnwand</a></li>
</ul>
</div>
</body>
</html>
</body>
</html>
</style><p>
Das Menu, was ich derzeit auf der Page habe, ist ein anderes.
Liebe Grüsse,
Lana |