CSS Dropdown Navigation funktioniert nicht

[Darinum]

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:

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 { } 

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

[Frank1604]

Ohne den dazugehörigen xhtml quelltext.. schwierig.

[Darinum]

Oh ja Entschuldigung den hab ich ganz vergessen

Code: Alles auswählen

<div id="shared_topnav" class="tn_forums">

	<div class='topnav'>

		<div class='tn_interior'>

			<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->

				<span style="color:#FF0000; float:left; padding-left:20px">{L_INFORMATION}: {L_BOARD_DISABLED}</span>

			<!-- ENDIF -->
<div id="topnav">

   <ul>

      <li class="first"><a href="#">Home</a></li>
           	                <img src='{T_IMAGESET_PATH}/topnav_div.gif'/>
          <li><a href="#">Forum</a>

          <ul>  
          <li><a href="#">Gildengeschehen</a>
          <li><a href="#">News & Wichtiges</a>
          <li><a href="#">Patchnotes</a>
          </ul>
      
      </li>
           	                <img src='{T_IMAGESET_PATH}/topnav_div.gif'/>
          <li><a href="#">Media</a>

           <ul>
           <li><a href="#">Music</a></li>
           <li><a href="#">Addons</a></li>
           <li><a href="#">Tools</a></li>
           </ul>

         </li>
           	                <img src='{T_IMAGESET_PATH}/topnav_div.gif'/>
     <li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>

  </ul>
           	                <img src='{T_IMAGESET_PATH}/topnav_div.gif'/>
</div>


			<!-- IF S_USER_NEW_PRIVMSG -->

				<img src='{T_IMAGESET_PATH}/topnav_div.gif'/>

				<a href="{U_PRIVATEMSGS}" style="color:#FF0000">{PRIVATE_MESSAGE_INFO}</a>

			<!-- ENDIF -->

		</div>

	</div>

	<div class='tn_push'></div>

</div>

[4seven]

wird das Menü als Liste dargestellt

ich würde sagen, der pfad zur css stimmt nicht oder die css ist garnicht oder nicht richtig in die overall_header.html im head-bereich eingebunden..