Skulle vilja ha en: Drop Down Menu

[Holger]

Lite har ju höjden med "Navigerings Meny" att göra. Ramen och tabell-fältet gör ju att allt blir högre till höger.

[WickeD]

Jag skulle vilja lägga upp fler utmed varandra efter header navigeringen, så att det inte blir så lång navigering nedåt.
Men om jag lägger in samma kod som är mellan <table> </table> efter den första så dyker den upp där jag vill, MEN den rullar inte ut som den första.
Måste jag göra något med någon annan kod som hör till detta javascript för att jag ska kunna ha flera utmed varandra?

Min kod:

Kod: Markera allt

<table width="173" height="19" border="1" bordercolor="#02479B" cellspacing="0" cellpadding="0" align="left">
<!-- [Begin] XS Drop Down Menus -->
<tr>
	<td colspan="0" class="forum-buttons" valign="middle"> 
<table border="0" bordercolor="#02479B" cellspacing="0" cellpadding="0" align="left">
		<tr>
			<td background="templates/fiblack/images/cellpic_nav.gif">
			<ul>

				<li class="forum-buttons" id="subnav"><a href="javascript:void(0);"><img src="templates/fiblack/images/tom.gif"><b>Navigerings Meny</b><img src="templates/fiblack/images/tom.gif"></a><ul>
					<li class="subnav subnav-first"><div><img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se"> Startsida</a></div></li>
					<li class="subnav subnav-section"><div>Diskussioner m.m</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/chat.php"> Chat</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/index.php"> Forum</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/memberlist.php"> Medlemmar</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/calendar.php"> Aktivitets Kalender</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/tellfriend.php"> Tipsa en vän om oss</a></div></li>
					<li class="subnav subnav-section"><div>Funktioner</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/activity.php"> Spel</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/links.php"> Länkar</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/Webshop/index.htm" target="_blank"> Webshop</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/album.php"> Foto Album</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/Stadsvadret/index.php" target="_blank"> Vädret i din stad</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.tigerbeat.se" target="_webradio"> TigerBeat-Webradio</a></div></li>
					<li class="subnav subnav-section"><div>Ladda hem filer</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/dload.php?action=search" target="_self"> Sök</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/dload.php?action=stats" target="_self"> Statistik</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/dload.php?action=toplist" target="_self"> Topp lista</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/dload.php" target="_self"> Ladda hem</a></div></li>
					<li class="subnav subnav-section"><div>Nyheter</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{INDEX_FILE}?news=archives" alt="Index"> Arkiv</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{INDEX_FILE}?news=categories" alt="Index"> Kategorier</a></div></li>
					<li class="subnav subnav-section"><div>Information</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_RANKS}"> Ranker</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/Cookies.htm" target="_Cookies"> Cookies</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/Copyright.htm" target="_Copyright"> Copyright</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_CONTACT}"> Kontakta oss</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_FAQ}"> Vanliga frågor</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_STAFF}"> Bikersite Crew</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/statistics.php" target="_self"> Sidans statistik</a></div></li>
					<li class="subnav subnav-last"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_GROUP_CP}"> Användargrupper</a></div></li>


				</ul></li>	 
			</ul>
			</td>
		</tr>
	</table>
	</td>
</tr>
<!-- [End] XS Drop Down Menus -->
</table>

js koden:

Kod: Markera allt

<script language="Javascript" type="text/javascript"> 
<!-- 
/* XS Drop Down Menus */ 
var MenuVisible = false; 
var showMenu = false; 
var showSubMenu = false; 
var navRoot = false; 
var navTimer = false; 
function startList() 
{ 
   if (document.all&&document.getElementById) 
   { 
      navRoot = document.getElementById("subnav"); 
      navRoot.onmouseover=function() 
      { 
         navRoot.className="forum-button over"; 
         MenuVisible = true; 
         showMenu = true; 
         MenuTimerStop(); 
      } 
      navRoot.onmouseout=function() 
      { 
         showMenu = false; 
         MenuTimerStart(); 
      } 
      for (i=0; i<navRoot.childNodes.length; i++) 
      { 
         node = navRoot.childNodes[i]; 
         if (node.nodeName=="LI") 
         { 
            node.onmouseover=function() 
            { 
               showSubMenu = true; 
               MenuTimerStop(); 
            } 
            node.onmouseout=function() 
            { 
               showSubMenu = false; 
               MenuTimerStart(); 
            } 
         } 
      } 
   } 
} 

function HideNav() 
{ 
   navRoot.className="forum-button"; 
   MenuVisible = false; 
} 

function CheckNav() 
{ 
   if(MenuVisible && !showMenu && !showSubMenu) 
   { 
      HideNav(); 
   } 
   MenuTimerStop(); 
} 

function MenuTimerStop() 
{ 
   if(navTimer != false) 
   { 
      clearTimeout(navTimer); 
      navTimer = false; 
   } 
} 

function MenuTimerStart() 
{ 
   if(navTimer == false) 
   { 
      navTimer = setTimeout('CheckNav()', 200); 
   } 
} 
//--> 
</script>

Jag skulle trp att det är i någon av dom här eller i båda jag måste ändra något för att få det att fungera som jag vill.

Kan du se vart, om det nu är här?

[WickeD]

Jag löste det genom att ta bort en massa länkar som inte var till så stor nytta för medlemmar.

Så nu är det bra!

[Holger]

Det låter fint!

Snyggt blir det ju!

[WickeD]

Jag har dig att tacka för att det blev fint!

Det hade inte fungerat om inte du hade hjälpt mig, så TACK så mycket Holger!

[Holger]

nja

Du fixade ju en massa själv!

[WickeD]

Jo det är sant, men med stöd från dig.

[Joakim]

Detta är snyggare och bättre:
http://www.youngpup.net/2004/transmenus

Någon som kan berätta lite hur man installerar dessa, eller liknande för den delen. Skulle vilja baka in en dropdown på sidan, men har än så länge inte hittat den rätta, men denna kanske kan vara något..

[Kail]

Jag tror jag skrev en MOD för en kund, en MOD som använder Transmenus. Ska se om jag kan hitta den igen.

[drain94222]

This is acctually a good idea, but I cant go along with it.. I'll PM you with my idea.