CSS Dropdown Navigation funktioniert nicht
Verfasst: 01.09.2009 18:48
Hallöle,
Ich hätte mal eine Frage an alle phpbb Experten
Ich habe versucht eine Neue Navigation ins Forum einzubinden und wollte dieses Problem mit Hilfe von CSS Einstellungen lösen. Also ich habe diesen Versuch soweit umgesetzt und in der Theorie sollte eigentlich alles funktionieren, jedoch wenn ich es auf phpbb anwenden will, dann funktioniert die Idee nicht wirklich so wie ich das will 
Hier mal der Code meiner Navigation:
So und nun noch ein Bild damit ihr vielleicht erkennen könnt was Falsch an der Sache ist 
[ externes Bild ]
Wie ihr seht, wird das Menü als Liste dargestellt, anstatt als "normale" Navigation mit Dropdown Funktion ^^ Hoffe das mir jemand helfen kann ^^
MfG
Darinum
Ich hätte mal eine Frage an alle phpbb Experten


Hier mal der Code meiner Navigation:
Code: Alles auswählen
/* Top Banner */
#shared_topnav { background: #072540 url('{T_IMAGESET_PATH}/bg.gif') 50% 0; border-bottom:1px solid black; }
.topnav { width:100%; text-align:center; position:absolute; z-index:12; font: bold 11px Tahoma; background: url('{T_IMAGESET_PATH}/topbg2.gif') no-repeat 50% 0; border-bottom: 1px solid #143352; padding: 6px 0; }
.tn_interior { width:916px; margin:0px auto; text-align:right; padding-right:40px; }
.topnav a:link, .topnav a:visited { color:#D0A803; text-decoration:none; padding:2px; margin:0 15px; }
.tn_push { height:26px;}
/* Navigation Dropdown */
#topnav ul {
list-style-type: none;
}
#topnav ul li {
float: left;
position: relative;
}
#topnav ul li a {
text-align: center;
border-right:1px solid #e9e9e9;
padding:20px;
display: inline;
text-decoration:none;
color:#999;
}
#topnav ul li ul {
display: none
}
#topnav ul li:hover ul {
display: block;
position: absolute;
}
#topnav ul li:hover ul li a {
display:block;
background:#12aeef;
color: white;
width: 110px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
}
#topnav ul li:hover ul li a:hover {
background:#6dc7ec;
color: white;
}
/* Forums Specific Styles */
.tn_forums .tn_interior { width:auto; }
/* Armory Specific Styles */
.tn_armory .tn_interior { width:1024px; padding:0;}
/* Community Site Specific Styles */
.tn_wow { }

[ externes Bild ]
Wie ihr seht, wird das Menü als Liste dargestellt, anstatt als "normale" Navigation mit Dropdown Funktion ^^ Hoffe das mir jemand helfen kann ^^
MfG
Darinum