nicht angemeldet
Unterschiedliche Effekte in DropDown Navigation
Hallo an alle,
ich habe jetzt schon alle möglichen Themen durchgelesen aber für mein Problem einfach keine Lösung gefunden. Ich habe eine Navigationsleiste und bei einigen Elementen dazu sollen Unterauswahlen als hover-Effekt aufgehen.
Das ganze funktioniert im IE aber bei Mozilla werden die Listen nicht dargestellt, sondern nur die normale Navileiste.
Die Seite soll aber demnächst umgestellt werden.
Hier der CSS-Code:
<style type="text/css">
<!--
#menu { width: 30%; background: none; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu a{
font: bold 20px/30px comic sans ms, helvetica, sans-serif;
display: inline;
border-width: 0px; border-style: groove; border-color: silver;
margin: 0; padding: 2px 3px; }
#menu ul ul ul a{
font: bold 10px/16px arial, helvetica, sans-serif;
display: block;
border-width: 2px; border-style: groove; border-color: silver;
margin: 0; padding: 0; width: 100px; }
#menu a { background: none; text-decoration: none; border="1" }
#menu a:hover { background: none; }
#menu ul ul ul { width: 100%; background: #eee; }
#menu ul ul ul a { color: #232323; background: #efefef; text-decoration: none; }
#menu ul ul ul a:hover { color: #ababab; background: #232323; }
#menu li { position: relative; }
#menu ul ul ul {position: absolute; top:20px; left: 100%; width: 24px;}
div#menu ul ul ul {display: none;}
div#menu ul ul ul:hover {display: block; border-color:#FFFFFF; border-width: 1px;}
div#menu ul ul li:hover ul {display: block; border-color:#FFFFFF; border-width: 1px;}
-->
</style>
<style type="text/css">
<!--
body { background-image:url(http://localhost/WWG-Net/bg3.gif); background-repeat:repeat-y; }
i#navi { font-style:normal; }
i#navi a:link { text-decoration:none; font-weight:normal; color:#4682B4; underline:none}
i#navi a:visited { text-decoration:none; font-weight:normal; color:#4682B4}
i#navi a:hover { text-decoration:none; font-weight:bold; color:#87CEEB }
i#navi a:active { text-decoration:none; font-weight:normal; color:#C0C0C0 }
-->
</style>
und hier der Quellcode der Navigation:
<nobr><div id="menu">
<ul>
<li>
<ul>
<li><font face="Comic Sans MS" size="5" color="#4682B4">s</font><i id='navi'><a href="http://localhost/WWG-Net/start.php" target="_self"><font face="Comic Sans MS" size="3">tartseite</font></a><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">g</font><a href="http://localhost/WWG-Net/veranstaltungen/veranstaltungen.htm" target="top"><font face="Comic Sans MS" size=3>roßveranstaltungen</font></a><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">r</font><a href="http://localhost/WWG-Net/wwg.htm" target="_self"><font face="Comic Sans MS" size=3>eviews</a></font><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">k</font><a href="http://localhost/WWG-Net/kader.php" target="_self"><font face="Comic Sans MS" size=3>ader</a></font><br></li>
</i><ul>
<li><a href="wrestler/wwg/haupt.php">Wrestler</a></li>
<li><a href="teams/teams.htm">Teams</a></li>
<li><a href="champs/champs.htm">Champions</a></li>
<li><a href="rankings.htm">Rankings</a></li>
</ul>
<li><font face="Comic Sans MS" size="5" color="#4682B4">f</font><i id='navi'><a href="http://localhost/WWG-Net/fame.php" target="_self"><font face="Comic Sans MS" size=3>ame</font></a><br></li>
</i><ul>
<li><a href="fame/hall.php">Hall of Fame</a></li>
<li><a href="fame/ewig.php">Ewige Liste</a></li>
<li><a href="fame/micha.php">In Memory</a></li>
</ul>
<li><font face="Comic Sans MS" size="5" color="#4682B4">n</font><i id='navi'><a href="http://localhost/WWG-Net/news/news.php" target="_self"><font face="Comic Sans MS" size=3>ews</a></font><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">v</font><a href="http://localhost/WWG-Net/verein.php" target="_self"><font face="Comic Sans MS" size=3>erein</a></font><br></li>
</i><ul>
<li><a href="#">Vorstand</a></li>
<li><a href="#">Kalender</a></li>
<li><a href="#">Booking</a></li>
</ul>
<li><font face="Comic Sans MS" size="5" color="#4682B4">t</font><i id='navi'><a href="http://localhost/WWG-Net/training/training.php" target="_self"><font face="Comic Sans MS" size=3>raining</a></font><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">s</font><a href="http://localhost/WWG-Net/sponsoren/sponsors.php" target="_self"><font face="Comic Sans MS" size=3>ponsoren</a></font><br></li>
<br>
<li><font face="Comic Sans MS" size="5" color="#4682B4">w</font><i id='navi'><a href="http://www.wwg-forum.de.gg" target="_blank"><font face="Comic Sans MS" size="3">wg Forum</a></font><br></li>
<li><font face="Comic Sans MS" size="5" color="#4682B4">f</font><a href="http://localhost/WWG-Net/shop.php" target="_self" onmouseover="if(this.menu)this.menu='menu2'" onmouseout="if(this.menu)this.menu='menu'"><font face="Comic Sans MS" size="3">an-Shop</a></font><br></li>
</i><ul>
<li><a href="#">Videos</a></li>
<li><a href="#">T-Shirts</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Mitgliedschaft</a></li>
</ul>
<br>
<li><font face="Comic Sans MS" size="5" color="#4682B4">k</font><a href="http://localhost/WWG-Net/kontakt.php" target="_blank"><font face="Comic Sans MS" size="3">ontakt</a></font><br></li>
<br>
<li><font face="Comic Sans MS" size="3" color="silver">go to </font><a href="http://www.wwe.com" target="_blank"><font face="Comic Sans MS" size="3">WWE.com</a></font><br></li>
</ul></nobr>
</div> </i>
Derzeit ist die Seite noch unter altem Stand zu sehen www.germany-wwf.de, den ich umprogrammieren soll und im Gesamtaufbau auch schon so gut wie fertig habe.
Die Navigation soll halt optisch gleich bleiben und eben die Dropdowns beinhalten.
Vielen Dank für jeden Hinweis!
Gruß
David