Søg
Avatar billede chatonline Nybegynder
13. maj 2003 - 12:46 Der er 18 kommentarer og
1 løsning

Simpel drop down menu

Hej,
jeg har tidl. haft en på opgaven. Men det han fremstod med var: http://www.firewerx.dk/co/ (Det er ikke mit domain, det er han som lavede noget af opgaven)

Jeg skal have lavet en drop down menu, meget simpel. Den skulle kunne ses i alle opløsninger og browsere. Den skal være fast, dvs. at hvis du ændre vinduets størrelse, må drop down menu'en ike flytte sig. Den skal hele tiden være på sin plads.

Hvis der er spørgsmål, så spørg venligst.
Avatar billede b.b Nybegynder
13. maj 2003 - 12:49 #1
http://www.milonic.co.uk/menu/

Der skulle være lidt at vælge imellem
Avatar billede grunken Nybegynder
13. maj 2003 - 12:52 #2
ganske god menu :)

http://www.disneyzone.dk/menu/
Avatar billede chatonline Nybegynder
13. maj 2003 - 12:54 #3
grunken -> Den før det den ikke må. Den trækker sig sammen. Den må ikke flytte sig når man trækker vinduet sammen.
Avatar billede dk_akj Nybegynder
13. maj 2003 - 12:54 #4
En klassiker
http://www.dhtmlcentral.com/script/search.asp?category=menu

//akj
Avatar billede chatonline Nybegynder
13. maj 2003 - 12:54 #5
Den før det den ikke må. -> Den gør det den ikke må.
Avatar billede grunken Nybegynder
13. maj 2003 - 12:58 #6
chat online så gir man bare menuen en left alignment ;D
Avatar billede chatonline Nybegynder
13. maj 2003 - 12:59 #7
Okay fyr... :-) Tror du den kan puttes ind i http://www.firewerx.dk/co/
Avatar billede morten_leth Nybegynder
13. maj 2003 - 13:25 #8
lad mig gætte... det var exp der hjalp dig...
Avatar billede chatonline Nybegynder
13. maj 2003 - 13:56 #9
JA..
Avatar billede chatonline Nybegynder
13. maj 2003 - 13:57 #10
Eller det gjorde han så faktisk ikke :-) Fordi menu'en var ikke lavet korrekt..
Avatar billede roenving Novice
13. maj 2003 - 17:26 #11
Måske kan du bruge denne her (modificeret udgave af et tidligere svar -- som også er et tidligere svar her):

<html>

<head>
  <title></title>

  <style type="text/css">
    .menupunkt {
        width : 100px ;
    text-align : center ;
    border : 1px solid black ;
    }

    .menu {
      position : absolute ;
      z-index : 2 ;
      display : none ;
      width : 100px ;
      padding : 8px ;
      border : 1px solid black ;
      background : white ;
    }

    .menupunkt a {
        display : block ;
    width : 100% ;
    line-height : 17px ;
    }
  </style>

  <script type="text/javascript">

    function checkMenu(id) {
      if (id.indexOf("menu")+4==id.length){
        return true;
      }
      return false;
    }

    function mover( obj ) {
      var menu = document.getElementById( obj + "menu" ) ;

      var allElms = document.getElementsByTagName("div");

      for (i=0;i<allElms.length;i++){
        if (checkMenu(allElms[i].id)) {
          if (allElms[i]==menu){
            menu.style.display = "block" ;
          }
          else
          {
            allElms[i].style.display = "none" ;
          }
        }
      }
    }

    function mout( obj ) {
      elm = document.getElementById( obj ) ;

      menu = document.getElementById( obj + "menu" ) ;

      menu.style.display = "none" ;
    }
  </script>

</head>

<body>

<table>
  <tr>
    <td class="menupunkt"><a href="" id="punkt1" onMouseOver="mover( 'punkt1' )">Link</a></td>
    <td class="menupunkt"><a href="" id="punkt2" onmouseOver="mover( 'punkt2' )">Link</a></td>
    <td class="menupunkt"><a href="" id="punkt3" onmouseOver="mover( 'punkt3' )">Link</a></td>
  </tr>
</table>

<div id="punkt1menu" class="menu" style="left : 10px ;" onMouseOver="mover( 'punkt1' )"  onMouseOut="mout( 'punkt1' )">Menu 1 her<br><br><br></div>
<div id="punkt2menu" class="menu" style="left : 110px ;" onmouseOver="mover( 'punkt2' )"  onMouseOut="mout( 'punkt2' )">Menu 2 her<br><br><br></div>
<div id="punkt3menu" class="menu" style="left : 220px ;" onmouseOver="mover( 'punkt3' )"  onMouseOut="mout( 'punkt3' )">Menu 3 her<br><br><br></div>

</body>

</html>

hth
jes
Avatar billede b.b Nybegynder
13. maj 2003 - 21:17 #12
hvis du ellers har kigget på det link som jeg gav dig, så er der lige den du leder efter.

http://www.milonic.co.uk/menu/menusample.php?sampleid=21
Avatar billede chatonline Nybegynder
17. maj 2003 - 09:40 #13
Nogen der vil få menu'en til at virke på dette side http://www.skyskraber.dk
Avatar billede chatonline Nybegynder
17. maj 2003 - 09:41 #14
bare hent min side og så lav det...
Avatar billede roenving Novice
17. maj 2003 - 12:23 #15
En foreløbig en -- skriv hvad som skal være anderledes, så vil jeg prøve at få det til at virke:


<html>
<head>

<meta http-equiv="Content-Language" content="da">
<title>ChatOnline.dk - 3d tekstchat v. 1.0</title>

  <style type="text/css">
    .menupunkt {
        width : 100px ;
    text-align : center ;
    border : 1px solid black ;
    }

    .menu {
      position : absolute ;
      z-index : 20 ;
      display : none ;
      width : 100px ;
      padding : 8px ;
      border : 1px solid black ;
      background : #c5d1da ;
    }

    .menupunkt a {
        display : block ;
    width : 100% ;
    line-height : 17px ;
    }
  </style>

  <script type="text/javascript">

    function checkMenu(id) {
      if (id.indexOf("menu")+4==id.length){
        return true;
      }
      return false;
    }

    function mover( obj ) {
      var objElm=document.getElementById( obj ) ;
//alert(objElm.offsetTop);
      var menu = document.getElementById( obj + "menu" ) ;

      var allElms = document.getElementsByTagName("div");

      for (i=0;i<allElms.length;i++){
        if (checkMenu(allElms[i].id)) {
          if (allElms[i]==menu){
            menu.style.top=""+(parseInt(objElm.offsetTop)+parseInt(objElm.offsetParent.offsetTop)+140)+"px";
            menu.style.left=""+(parseInt(objElm.offsetLeft)+parseInt(objElm.offsetParent.offsetLeft)+195)+"px";
            menu.style.display = "block" ;
          }
          else
          {
            allElms[i].style.display = "none" ;
          }
        }
      }
    }

    function mout( obj ) {
      elm = document.getElementById( obj ) ;

      menu = document.getElementById( obj + "menu" ) ;

      menu.style.display = "none" ;
    }
  </script>


</head>

<body style="font-family: Verdana; font-size: 10pt" background="Gitter.jpg">
</body>

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #437cb6;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #a7a7a7;
scrollbar-track-color: #a7a7a7;
}
-->
</STYLE>

<style>
<!--
a:link{color: #FFFFFF;text-decoration: none;}
a:visited{color: #FFFFFF;text-decoration: none;}
a:active{color: #000000;text-decoration: underline;}
a:hover{color: #000000;text-decoration: none;}
-->
</style>

<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; font-family:Verdana; font-size:10pt" bordercolor="#111111" width="750" id="AutoNumber1" height="438">
  <tr>
    <td width="100%" height="438" valign="top">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2" height="449">
      <tr>
        <td width="100%" style="border-style:none; border-width:medium; " height="98">
        <a href="/">
        <img border="0" src="Logo.jpg" width="749" height="100"></a></td>
      </tr>
      <tr>
        <td width="100%" style="border-left: medium none #111111; border-right: medium none #111111; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" height="24">
        <table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse; font-family: Verdana; font-size: 10pt; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber4" height="19">
          <tr>
            <td width="27%" style="border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium" background="Menu-baggrund.jpg" height="13">
            <p align="center"><font size="4"><b><font face="Verdana" size="4" color="#000000">Der er 11 online!</b></font></td>









            <td width="10%" style="border-left-style:solid; border-left-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1" align="center" height="13" bgcolor="#C5D1DA"
class="menupunkt"><a href="" id="punkt1" onMouseOver="mover( 'punkt1' )">
            <b><font size="2">Forside</font></b></a></td>
          <td width="10%" style="border-left-style:solid; border-left-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1" align="center" height="13" bgcolor="#C5D1DA"
class="menupunkt"><a href="" id="punkt2" onMouseOver="mover( 'punkt2' )">
          <font size="2"><b>Chatten</b></font></a></td>
            <td width="10%" style="border-left-style:solid; border-left-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1" align="center" height="13" bgcolor="#C5D1DA"
class="menupunkt"><a href="" id="punkt3" onMouseOver="mover( 'punkt3' )">
            <font size="2"><b>S</b></font><b><font size="2">jov</font></b></a></td>
            <td width="10%" style="border-left-style:solid; border-left-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1" align="center" height="13" bgcolor="#C5D1DA"
class="menupunkt"><b><a href="" id="punkt4" onMouseOver="mover( 'punkt4' )">
            <font size="2">Partnere</font></b></a></td>
            <td width="10%" style="border-left-style: solid; border-left-width: 1; border-right-style: none; border-right-width: medium; border-top: 1px solid #111111; border-bottom: 1px solid #111111; " align="center" height="13" bgcolor="#C5D1DA"
class="menupunkt"><a href="" id="punkt5" onMouseOver="mover( 'punkt5' )">
            <b><font size="2">Information</font></b></a></td>
            <td width="2%" style="border-left-style: solid; border-left-width: 1; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom: medium none #111111; " align="center" height="13" background="Menu-baggrund.jpg">
            </font>







            &nbsp;</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="100%" style="border-left: medium none #111111; border-right: medium none #111111; border-bottom-style: none; border-bottom-width: medium; border-top-style:none; border-top-width:medium" background="Menu-baggrund.jpg" height="15">&nbsp;</td>
      </tr>
      <tr>
        <td width="100%" style="border-left: medium none #111111; border-right: medium none #111111; border-bottom-style: none; border-bottom-width: medium; border-top-style:none; border-top-width:medium" background="Menu-baggrund.jpg" height="317">
        <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5">
          <tr>
            <td width="22%" style="border-style: none; border-width: medium" align="center" valign="top">
            <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber7" bgcolor="#C5D1DA">
              <tr>
                <td width="80%">
                <table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber11">
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <b><font size="2">Nyhedsbrev:</font></b></td>
                  </tr>
                  <form action="nyhedsbrev.php?go=tilmeld" method="post" name="nyhedsbrev"><tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <b><font size="1">E-mail adresse:</font></b></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <input type="text" name="T1" size="15" style="font-family: Verdana; font-size: 8pt; border-style: solid; border-width: 1"></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <input type="submit" value="Tilmeld" name="B1" style="font-family: Verdana; font-size: 8pt; color: #000000; border-style: solid; border-width: 1; background-color: #FFFFFF"></td>
                  </tr></form>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <p align="center">
            <br><script type="text/javascript" src="http://dk.danban.com/ad/a7248e9c2482f14c6c624c84b777cbbb">
            </script></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <b><font size="2">Hot or not:</font></b></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <img border="0" src="Test.jpg" width="120" height="88"></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <map name="FPMap0">
                    <area href="1" shape="rect" coords="0, 0, 12, 19" alt="Karakter: 1">
                    <area href="2" shape="rect" coords="10, 0, 24, 19" alt="Karakter: 2">
                    <area href="3" shape="rect" coords="20, 0, 36, 19" alt="Karakter: 3">
                    <area href="4" shape="rect" coords="30, 0, 48, 19" alt="Karakter: 4">
                    <area href="5" shape="rect" coords="40, 0, 60, 19" alt="Karakter: 5">
                    <area href="6" shape="rect" coords="50, 0, 72, 19" alt="Karakter: 6">
                    <area href="7" shape="rect" coords="60, 0, 84, 19" alt="Karakter: 7">
                    <area href="8" shape="rect" coords="70, 0, 96, 19" alt="Karakter: 8">
                    <area href="9" shape="rect" coords="80, 0, 108, 19" alt="Karakter: 9">
                    <area href="10" shape="rect" coords="90, 0, 120, 19" alt="Karakter: 10">
                    </map>
                    <img border="0" src="Barometer.gif" usemap="#FPMap0" width="120" height="20"></td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
            </td>
            <td width="56%" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium" align="center" valign="top">
            <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="381" id="AutoNumber9" bgcolor="#C5D1DA">
              <tr>
                <td width="379">
                <table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="440" id="AutoNumber13">
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium">
                    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber14">
                      <tr>
                        <td width="100%" style="border-style: none; border-width: medium">
                        <p align="center"><script type="text/javascript" src="http://dk.danban.com/ad/bc9df80a49a0b3f2ce5f0ed8f1796faf">
                        </script></td>
                      </tr>
                      <tr>
                        <td width="100%" style="border-style: none; border-width: medium">
                        <p align="center">
<table border=0 cellpadding=0 cellspacing=0 style=border-collapse: collapse; font-family: Verdana; font-size: 8pt; border-width: 0 bordercolor=#111111 width=100% id=AutoNumber1>             
            <tr>
                        <td width="100%" style="border-style: none; border-width: medium">
                        <p align="center"><b><font size="4">Velkommen til
                        ChatOnline.dk!</font></b></td>
                      </tr>
            </table>
<table border=0 cellpadding=0 cellspacing=0 style=border-collapse: collapse; font-family: Verdana; font-size: 8pt; border-width: 0 bordercolor=#111111 width=100% id=AutoNumber1>  <tr>    <td width=100% style=border-style: none; border-width: medium><font face=verdana size=1><b>Nyt site</b> -> Så er vi på banen igen, med et helt nyt site. Det er dog stadig under udvikling. Det vil ikke være muligt, at benytte alle vores services. Der vil være konstant udvilking. Vil du gøre dit? Så støt os! På forhånd tak! Ønsker folk at benytte vores chat - http://www.skyskraber.dk/chatonline<br>16. Maj 2003</td>  </tr>  <tr>    <td width=100% style=border-left: medium none #111111; border-right: medium none #111111; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium></td>  </tr></table><br><table border=0 cellpadding=0 cellspacing=0 style=border-collapse: collapse; font-family: Verdana; font-size: 8pt; border-width: 0 bordercolor=#111111 width=100% id=AutoNumber1>  <tr>    <td width=100% style=border-style: none; border-width: medium><font face=verdana size=1><b>Reklame</b> -> Vi mangler desværre en del penge, for at kunne færdig gøre vores 3d-tekstchat. Derfor besøg vores sponsorer og hvis du evt. mangler et webhotel, så bestil gennem os - Ved at trykke på Cliche.dk banneret og opret dig. Hvis du ønsker at hjælpe os ekstra, så indsæt dette link, når du sender e-mails: http://dk.danban.com/email/9a1166e54ad73a6fdfa8b136bfeb3e82
<br>
Tak for hjælpen!<br>8. Maj 2003</td>  </tr>  <tr>    <td width=100% style=border-left: medium none #111111; border-right: medium none #111111; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium></td>  </tr></table><br><table border=0 cellpadding=0 cellspacing=0 style=border-collapse: collapse; font-family: Verdana; font-size: 8pt; border-width: 0 bordercolor=#111111 width=100% id=AutoNumber1>  <tr>    <td width=100% style=border-style: none; border-width: medium><font face=verdana size=1><b>Oppe igen!</b> -> Så er vi oppe igen, med et nyt webhotel, der har en langt hurtigere linie. Vi vil så småt begynde, at lægge den nye version ind.<br>5. Maj 2003</td>  </tr>  <tr>    <td width=100% style=border-left: medium none #111111; border-right: medium none #111111; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium></td>  </tr></table><br>
</font></b></td>
                      </tr>
                   
                 
                    </table>
                    </td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
            </td>
            <td width="22%" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium" align="center" valign="top">
            <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber8" bgcolor="#C5D1DA">
              <tr>
                <td width="100%">
                <table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber12" height="158">
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="14">
                    <b><font size="2">Login:</font></b></td>
                  </tr>
                  <tr><form action="http://www.skyskraber.dk/chatonline/cum_standard.php?go=login" method="post" name="lo">
                    <td width="100%" style="border-style: none; border-width: medium" height="10">
                    <font size="1"><b>Brugernavn:</b></font></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="15">
                    <input type="text" name="l_user" size="15" style="font-family: Verdana; font-size: 8pt; border-style: solid; border-width: 1"></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="10">
                    <font size="1"><b>Kodeord:</b></font></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="15">
                    <input type="password" name="l_password" size="15" style="font-family: Verdana; font-size: 8pt; border-style: solid; border-width: 1"></td>
                  </tr>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="17">
                    <input type="submit" value="Log på" name="B1" style="font-family: Verdana; font-size: 8pt; color: #000000; border-style: solid; border-width: 1; background-color: #FFFFFF"></form><form action="http://www.skyskraber.dk/chatonline/opret_bruger.php?go=create_forms" method="post" name="lo"><input type="submit" value="Opret" name="B2" style="font-family: Verdana; font-size: 8pt; color: #000000; border-style: solid; border-width: 1; background-color: #FFFFFF"></td>
                  </tr></form>
                  <tr>
                    <td width="100%" style="border-style: none; border-width: medium" height="35">
                    <br><p align="center">
<script type="text/javascript" src="http://dk.danban.com/ad/13d4629759ec87c31b3821b41342a6de">
</script></td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
            <br><script language="javascript" type="text/javascript">
<!--
  document.write('<a href="http://www.chart.dk/ref.asp?ct=v003&id=73371" target="_blank">');
  var myref; myref=document.referrer; if(top.document.referrer!=null) myref=top.document.referrer;
  document.write('<img src="http://cluster.chart.dk/chart.asp?id=73371&style=0&secID=' + Math.random()*10000000 + '&ref=' + escape(myref) + '" border="0" alt="Chart.dk"><');
  document.write('/a>');
//-->
            </script>
<noscript>
            <a href="http://www.chart.dk/ref.asp?ct=v003&amp;id=73371" target="_blank"><img src="http://cluster.chart.dk/chart.asp?id=73371&amp;style=0&amp;secID=1" border="0" alt="Chart.dk"></a></noscript></td>
          </tr>
          <tr>
            <td width="22%" style="border-left: medium none #111111; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom: medium none #111111">&nbsp;</td>
            <td width="56%" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom: medium none #111111">
            <table border="1" cellpadding="4" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6" height="39">
              <tr>
                <td width="100%" style="border-style: none; border-width: medium" align="center" height="29">
                <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="398" id="AutoNumber10" bgcolor="#C5D1DA">
                  <tr>
                    <td width="402" height="15">
                    <p align="center"><font face="verdana" size="1"><b>Copyright
                    © 2003 - ChatOnline.dk</b></font></td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
            </td>
            <td width="22%" style="border-left-style: none; border-left-width: medium; border-right: medium none #111111; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium">&nbsp;</td>
          </tr>
        </table>
        </td>
      </tr>
      </table>
    </td>
  </tr>
</table>

<div id="punkt1menu" class="menu" onMouseOver="mover( 'punkt1' )"  onMouseOut="mout( 'punkt1' )">Menu 1 her<br><br><br></div>
<div id="punkt2menu" class="menu" onmouseOver="mover( 'punkt2' )"  onMouseOut="mout( 'punkt2' )">Menu 2 her<br><br><br></div>
<div id="punkt3menu" class="menu" onmouseOver="mover( 'punkt3' )"  onMouseOut="mout( 'punkt3' )">Menu 3 her<br><br><br></div>
<div id="punkt4menu" class="menu" onmouseOver="mover( 'punkt4' )"  onMouseOut="mout( 'punkt4' )">Menu 4 her<br><br><br></div>
<div id="punkt5menu" class="menu" onmouseOver="mover( 'punkt5' )"  onMouseOut="mout( 'punkt5' )">Menu 5 her<br><br><br></div>

</html>

mvh
jes
Avatar billede chatonline Nybegynder
19. maj 2003 - 20:33 #16
Det virker jo kun i den opløsning som man laver det i.
Avatar billede chatonline Nybegynder
26. maj 2003 - 16:42 #17
PLEASE HJÆLP!!!!
Avatar billede roenving Novice
26. maj 2003 - 16:59 #18
Det ser ikke specielt kønt ud, og jeg opgav at finde ud af hierarkiet, som jeg angriber, men det virker (ihvertfald i min IE6) !-)

Skift to af linjerne i ovenstående kode ud med:

            menu.style.top=""+(parseInt(objElm.offsetTop)+parseInt(objElm.offsetParent.offsetTop)+parseInt(objElm.offsetParent.offsetParent.offsetTop)+parseInt(objElm.offsetParent.offsetParent.offsetParent.offsetTop)+40)+"px";
            menu.style.left=""+(parseInt(objElm.offsetLeft)+parseInt(objElm.offsetParent.offsetLeft)+parseInt(objElm.offsetParent.offsetParent.offsetParent.offsetParent.offsetParent.offsetParent.offsetLeft)+5)+"px";

Det er selvfølgelig de linjer der starter på samme måde, som skal skiftes ...

hth
jes
Avatar billede roenving Novice
11. juni 2003 - 01:28 #19
Tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I går 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »