Seite 1 von 1

CSS Dropdown Navigation funktioniert nicht

Verfasst: 01.09.2009 18:48
von Darinum
Hallöle,

Ich hätte mal eine Frage an alle phpbb Experten :D 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 :D

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 :D

[ 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

Re: CSS Dropdown Navigation funktioniert nicht

Verfasst: 02.09.2009 08:28
von Frank1604
Ohne den dazugehörigen xhtml quelltext.. schwierig.

Re: CSS Dropdown Navigation funktioniert nicht

Verfasst: 02.09.2009 13:51
von Darinum
Oh ja Entschuldigung den hab ich ganz vergessen :D

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>

Re: CSS Dropdown Navigation funktioniert nicht

Verfasst: 02.09.2009 23:50
von 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..