Frage stellen
habe auf www.KLJB-Bechen.de eine CSS Navigation nach der Anleitung von SELF HTML gemacht. Funktioniert im FF auch ohne Probleme nur leider im IE erscheint das untermenü nicht!
Hoffentlich kann mir jemand helfen.
Hier die Codes:
CSS Code
- Code: Alles auswählen
#aktiv {
background:#3366FF none repeat scroll 0 0;
font-variant:small-caps;
font-weight:bold;
}
#aktiv_sub span {
background:#3366CC none repeat scroll 0 0;
border-left:medium none;
display:block;
font-variant:small-caps;
font-weight:bold;
text-align:center;
}
ul#Navigation {
margin-left:-5px;
}
ul#Navigation li {
background-color:#336699;
border-color:#99CC33;
border-style:solid;
border-width:0 0 1px 15px;
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-35px;
position:relative;
}
ul#Navigation li ul {
display:none;
position:absolute;
}
ul#Navigation li:hover {
border-color:orange;
}
ul#Navigation li:hover ul {
background-color:#336699;
border:2px solid white;
display:block;
position:absolute;
width:100px;
z-index:1;
}
ul#Navigation li ul li {
display:block;
float:none;
font-family:freestyle script;
list-style-type:none;
}
ul#Navigation li a {
color:white;
display:block;
font-family:freestyle script;
font-size:24px;
padding:4px 2px 2px 15px;
}
ul#Navigation li a:hover {
display:block;
font-weight:bold;
height:100%;
padding:4px 2px 2px 15px;
text-decoration:none;
}
ul#Navigation li ul li a {
border:medium none;
color:white;
}
ul#Navigation li h3 {
border:medium none;
}
ul#Navigation li ul li {
border:medium none;
}
ul#Navigation li ul li:hover {
border-bottom:1px solid orange;
}
ul#Navigation li ul li a:hover {
font-weight:bold;
text-decoration:none;
}
* html ul#Navigation li {
margin-left:0;
}
:first-child + html ul#Navigation li {
}
* html ul#Navigation li ul {
}
:first-child + html ul#Navigation ul {
background-color:silver;
padding-bottom:0.4em;
}
* html ul#Navigation a, * html ul#Navigation span {
}
ul#Navigation a {
display:block;
}
Der zugehörige HTML Code:
- Code: Alles auswählen
<UL>
<LI>
<A>Aktionen</A>
</LI>
<LI>
<A>Wir</A>
<UL>
<LI>
<A>
Leiterrunde</A>
</LI>
<LI>
<A>
Vorstand</A>
</LI>
<LI>
<A>
Chronik</A>
</LI>
<LI>
<A>
Presse</A>
</LI>
</UL>
</LI>
<LI>
<A>
Kaelbchen</A>
</LI>
<LI>
<A>
Bildergallerie</A>
</LI>
<LI>
<A>Kontakt</A>
<UL>
<LI>
<A>
Links</A>
</LI>
<LI>
<A>
Verleih</A>
</LI>
</UL>
</LI>
<LI>
<A>
Gaestebuch</A>
</LI>
<LI>
<H3>
Intern
</H3>
</LI>
<LI>
<A>Forum</A>
</LI>
<LI>
<A>
Materialdb</A>
</LI>
<LI>
<A>
SiteMap</A>
</LI>
</UL>