Ich habe folgenden Code im Internet gefunden...
Er stammt von einem Anbieter für kostenlose CSS-Menuleisten mit Mouseover effekt...
Ich habe jetzt nur das Prob, dass das Menu in allen Browsern, außer dem IE funktioniert...
Hier könnt ihr euch das Menu anschauen (meine Seite)
Wenn ihr es dann auch mal mit dem IE versucht, werdet ihr sehen, dass es nicht funzt...
2 Fragen:
Warum klappt das nicht?
Was muss ich machen, damit es klappt?
Code
<style type="text/css">
body {
font: x-small Verdana, Arial, Helvetica, sans-serif;
}
* html body{
font-size:xx-small;
f\ont-size:x-small;
}
#a1 {
background: #000000;
}
#b1 {
background: #000000;
}
#c1 {
background: #000000;
}
#d1 {
background: #000000;
}
ul#nav, ul#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
ul#nav li {
position: relative;
float: left;
width:135px;
}
#nav li ul {
position: absolute;
margin-left: -999em; /* hide menu from view */
top: auto;
left:0;
}
/* Styles for Menu Items */
ul#nav li a {
display: block;
text-decoration: none;
color: #ffa500;
background: transparent; /* IE6 Bug */
padding: 5px;
border: 0px solid #ccc;
margin-bottom:-1px;
min-height:0;
}
/* commented backslash mac hiding hack \*/
* html ul#nav li a {height:1%; position:relative;}
/* end hack */
/* this sets all hovered lists to red */
#nav li:hover a,#nav li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
color: #000000;
background-color: #ffa500;}
/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
color: #777;
background-color: #000000;
}
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/
</style>
Alles anzeigen