Hjælp med Dropdown links...

kræver JavaScript og ikke alle kan se det!!!

Ikke helt magen til
Kræver en del...

lav en style:
<STYLE>
.barItem    { cursor: hand; color: black;}
.barItem:hover { cursor: hand; color: orange;}
a.          { cursor: hand; text-decoration: none; }
a:active    { cursor: hand;}
a:hover    { curser: hand; color: orange;}
a.cc:hover  { cursor: hand; color: darkorange; text-decoration: none; }
.box        { position: absolute ; background:rgb(50,100,75)}
</STYLE>

Indsæt i body-linien:
<body class=closeIt>

Indsæt i body:
<!----------- Menu Start ----------->

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"90%\" bgcolor=\"rgb(100,200,150)\" height=\"20\" align=\"center\">
<tr>
<td align=\"left\" nowrap valign=\"middle\">&nbsp;&nbsp;<a href=\'start.htm\' target=\"mini\"><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\">Startside</FONT></a></td>

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\"#1\"  id=\"item1\" class=barItem >Webdesign</a></FONT> <br>
   
<table id=\"item1box\" class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'grafik.htm\' target=\"mini\" class=\"cc\" >Grafik</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'html.htm\' target=\"mini\" class=\"cc\" >HTML</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'scripts.htm\' target=\"mini\" class=\"cc\" >Scripts</a></FONT></td></tr>

    </table>
    </td>

    <!-- Menu Bar Item 2 -->

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"#1\"  id=\"item2\" class=barItem >Kontakt</a></FONT> <br>
   
<table id=\"item2box\" class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><NOBR><a href=\'mailto:uis@forum.dk\' target=\"mini\" class=\"cc\" >E-Mail</a></NOBR></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><NOBR><a href=\'guestbook.htm\' target=\"mini\" class=\"cc\" >Gæstebog</a></NOBR></FONT></td></tr>
  </table>
  </td>

<!-- Menu Bar Item 3 -->

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\">&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"#1\"  id=\"item3\" class=barItem >Red Alert-clan</a></FONT> <br>
   
<table id=\"item3box\" class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'medlem.htm\' target=\"mini\" class=\"cc\" >Medlemmer</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'clan.htm\' target=\"mini\" class=\"cc\" >Info</a></FONT></td></tr>
  </table>
  </td>


    <!-- Menu Bar Item 4 -->

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\"#1\"  id=\"item4\" class=barItem >Downloads</a>&nbsp;&nbsp;</FONT> <br>
   
<table id=\"item4box\"  class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'programmer.htm\' target=\"mini\" class=\"cc\" >Programmer</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'spil.htm\' target=\"mini\" class=\"cc\" >Spil</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'sjov.htm\' target=\"mini\" class=\"cc\" >Sjov</a></FONT></td></tr>
</table>
  </td>

    <!-- Menu Bar Item 5 -->

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\"#1\"  id=\"item5\" class=barItem > Links</a> </FONT> <br>
   
<table id=\"item5box\"  class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'gratis.htm\' target=\"mini\" class=\"cc\" >Gratis...</a></FONT></td></tr>
<tr><td><NOBR><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'venner.htm\' target=\"mini\" class=\"cc\" >Venner</a></FONT></NOBR></td></tr>
<tr><td><NOBR><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'andre.htm\' target=\"mini\" class=\"cc\" >Andre</a></FONT></NOBR></td></tr>
  </table>
  </td>
   
    <!-- Menu Bar Item 6 -->

<td align=\"left\" nowrap valign=\"top\">
<FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\">&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"#1\"  id=\"item6\" class=barItem >Mig</a></FONT><br>
   
<table id=\"item6box\" class=box style=\'display:none\' >     
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'info.htm\' target=\"mini\" class=\"cc\" >Info</a></FONT></td></tr>
<tr><td><FONT SIZE=\"3\" FACE=\"Westminster, Arial, Helvetica\"><a href=\'fritid.htm\' target=\"mini\" class=\"cc\" >Fritid</a></FONT></td></tr>
  </table>
  </td>

<!-- End of Menu Bar Items  -->


</tr>
</table>

<script language=\"JavaScript\">

document.onmouseover = openIt
 
function openIt() {
var items = 6 ;
currEl = window.event.toElement
  if (currEl.className == \"barItem\") {
    newId = currEl.id + \"box\"
      showBox = document.all(newId)
      showBox.style.display = \"block\"
      }       
   
  for (i=1; i<=items; i++) {
    openItem=\"item\" + i + \"box\"
      elOpen = document.all(openItem)
        if ((elOpen.style.display == \"block\")&&(elOpen != showBox))
          elOpen.style.display = \"none\"

    if (currEl.className == \"closeIt\") { elOpen.style.display = \"none\"  }
  }
}
</script>
<!------- Menu Slut ---------/>


Dette er bare den, som jeg engang fik brug for. Du skal selvfølgelig ændre lidt i den. HUSK! hvis du laver færre elle flere menuer, så skal du ændre det i scriptet også!

Gryn

Try this:
http://www.dynamicdrive.com/dynamicindex1/topnavbar.htm

Prv dette:

http://www.bratta.com/dhtml/scripts.asp

der finder du eksempler på flere topmenuer

Fomse:-)

Hmmmmmm kunne man evt. hugge den fra http://www.microsoft.com

Fomse:-)

Mange tak for forslagende, nu har jeg så fået en demoside op. Så ville jeg høre om der var nogen der kunne fortælle mig hvad jeg har gjort galt siden der står errors on page.
Siden er her: http://www.vortex-designs.subnet.dk/antikvar/1%20-%20index%20-%20Script2.htm

menu bar´med 4 punkter:
<script language=javascript>
function showObject() {
document.all.div1.className = \'gochr\';
}
function hideObject() {
document.all.div1.className = \'popchr\';
}
function showObject2() {
document.all.div2.className = \'gochr\';
}
function hideObject2() {
document.all.div2.className = \'popchr\';
}
function showObject3() {
document.all.div3.className = \'gochr\';
}
function hideObject3() {
document.all.div3.className = \'popchr\';
}
function showObject4() {
document.all.div4.className = \'gochr\';
}
function hideObject4() {
document.all.div4.className = \'popchr\';
}
</script>
<center>
<table>
<tr>
<td>

<div style=\"background-color:#C0C0C0; width:130; font-size: 12px; margin:0px\" onmouseover=\"showObject()\" onmouseout=\"hideObject()\" >
<a href=main.htm onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Drinks</a>
</div>

<div id=div1 onmouseover=\"showObject()\" onmouseout=\"hideObject()\" class=popchr style=\"background-color:#C0C0C0; width:130 heigth:10\">
<a href=drink/board.asp onmouseover=\"showObject()\" onmouseout=\"hideObject()\" target=indhold>Se drinks!</a><br>
<a href=drink/skriv.asp onmouseover=\"showObject()\" onmouseout=\"hideObject()\" target=indhold>Indsend din egen!</a><br>


<!-- linie for at udligne niveau -->
<font color=#C0C0C0>|</font>
</div>

</td><td>

<div style=\"background-color:#C0C0C0; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" >
<a href=main.htm onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Arrangementer</a>
</div>

<div id=div2 onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" class=popchr style=\"background-color:#C0C0C0; width:140\">
<a href=arrangement.htm onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" target=indhold>Se arrangementer</a><br>
<a href=indsend-a.htm onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" target=indhold>Indsend </a><br>
<!-- linie for at udligne niveau -->
<font color=#C0C0C0>|</font>
</div>

</td>
<td>

<div style=\"background-color:#C0C0C0; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" >
<a href=main.htm onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">Diverse</a>
</div>

<div id=div3 onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" class=popchr style=\"background-color:#C0C0C0; width:140\">
<a href=poll.php3 onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" target=indhold>Afstemning</a><br>
<a href=link.htm onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" target=indhold>Links</a><br>
<a href=links.php onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" target=indhold>Tilføj link!</a><br>

<!-- linie for at udligne niveau -->
<font color=#C0C0C0></font>
</div>

</td><td>

<div style=\"background-color:#C0C0C0; width:140; font-size: 12px; margin:0px\" onmouseover=\"showObject4()\" onmouseout=\"hideObject4()\" >
<a href=main.htm onmouseover=\"showObject4()\" onmouseout=\"hideObject4()\">Kontakt</a>
</div>

<div id=div4 onmouseover=\"showObject4()\" onmouseout=\"hideObject4()\" class=popchr style=\"background-color:#C0C0C0; width:140\">
<a href=mail.htm onmouseover=\"showObject4()\" onmouseout=\"hideObject4()\" target=indhold>Maile</a><br>
<a href=sms.htm onmouseover=\"showObject4()\" onmouseout=\"hideObject4()\" target=indhold>SMS\'e</a><br>
<!-- linie for at udligne niveau -->
<font color=#C0C0C0>|</font>
</div>

</td>
</tr>
</table>
</center>

svar