NiTRo: Menu Funktioniert net was mach ich falsch?!?

SELF-Forum

Menu Funktioniert net was mach ich falsch?!?

NiTRo
– Informationen zu den Bewertungsregeln

/// Warum wird beim aktivieren des links im unter menue die seite nicht geladen/////

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#99CCFF" text="#000000">
<style type="text/css">
<!--
   a.farb:link    { color:#ffffff;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb:visited { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb:hover   { color:#FFFFFF; background-color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb:active  { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
-->
  </style>

<style type="text/css">
<!--
   a.hyp:link    { color:#ffffff;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.hyp:visited { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.hyp:hover   { color:#FFFFFF; background-color:#0099FF;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.hyp:active  { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
-->
  </style>

<style type="text/css">
<!--
   a.farb1:link    { color:#000066;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb1:visited { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb1:hover   { color:#FFFFFF; background-color:#0099FF;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
   a.farb1:active  { color:#000080;
      font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
-->
  </style>

<script language="JavaScript">

var openmenu="menu1";
if(document.layers)
   {window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=ausblenden;
   } else
   {document.onmousedown=ausblenden;
   }

function einblenden(param)
{   openmenu=param;
    if (document.layers)
    document.layers[openmenu].visibility ="show";
    else
    document.all[openmenu].style.visibility ="visible";
}

function ausblenden()
{   if (document.layers)
    document.layers[openmenu].visibility="hide";
    else
    document.all[openmenu].style.visibility="hidden";
}

</script>

<style type="text/css">
</style>
</head>
<body>

<div id="menu1" class="link" style="background-color:rgb(51,102,153); position: absolute; visibility: hidden; left: 105px; top: 20px">
   <a class="farb" href="about/about.html">About ME</a> <br>
   <a class="farb" href="about/pics.html">Pics</a> <br>
</div>

<div id="menu2" class="link" style="background-color:rgb(51,102,153); position: absolute; visibility: hidden; left: 105px; top: 40px">
   <a class="farb" href="scool/elektro/elektro.htm">Elektrotechnik</a> <br>
   <a class="farb" href="scool/abu/abu.html">ABU </a> <br>
   <a class="farb" href="scool/vesa/vesa.html">Kurse VESA</a> <br>
</div>

<div id="menu3" class="link" style="background-color:rgb(51,102,153); max-width:75px; overflow:hidden; position: absolute; visibility: hidden; left: 105px; top: 60px">
   <a class="farb" href="starpics/britney/britney.html">Britney Spears</a> <br>
   <a class="farb" href="starpics/cameron/cameron.html">Cameron Diaz</a> <br>
   <a class="farb" href="starpics/sandra/sandra.html">Sandra Bullock</a> <br>
</div>

<div id="menu4" class="link" style="background-color:rgb(51,102,153); width:93 px; position: absolute; visibility: hidden; left: 105px; top: 80px; right: 250px">
   <a class="farb" href="stuff/tunning.html">Auto Tunning</a> <br>
   <a class="farb" href="stuff/othpics.htm">Other Pics</a> <br>
   <a class="farb" href="stuff/links.html">Linkliste</a> <br>
   <a class="farb" href="stuff/partner.html">Partnersites</a> <br>
</div>
<div style="background-color:"withe"; font-color:"blue"; position: top:"100" left:"20" font-family:Arial; width:190 px">
   <a class="hyp" href="javascript:einblenden('menu1')">About Me!!</a><BR>
   <a class="hyp" href="javascript:einblenden('menu2')">Elektrotechnik</a><BR>
   <a class="hyp" href="javascript:einblenden('menu3')">Star Pics</a><BR>
   <a class="hyp" href="javascript:einblenden('menu4')">Stuff</a><BR>
</div>

<BR>
<a class="farb1" href="Seite1.htm">Gästebuch</a>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Menu Funktioniert net was mach ich falsch?!?

    DeathMasterIII
    – Informationen zu den Bewertungsregeln

    Hi!

    <div style="background-color:"withe"; font-color:"blue"; position: top:"100" left:"20" font-family:Arial; width:190 px">

    Wird zu >>
    <div style="background-color:withe; font-color:blue; position: top:100 left:20 font-family:Arial; width:190 px">

    Und die ausgebesserten Javascript-functionen
    function einblenden(param)
    {   openmenu=document.getElementById(param);
        if (document.layers) {
         openmenu.visibility ="show";
        }
        else {
            openmenu.style.visibility ="visible";
        }
    }

    function ausblenden(param)
    {   openmenu=document.getElementById(param);
        if (document.layers) {
         openmenu.visibility ="hide";
        }
        else {
            openmenu.style.visibility ="hidden";
        }
    }

    mfg DMIII

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Menu Funktioniert net was mach ich falsch?!?

      N!TRo
      – Informationen zu den Bewertungsregeln

      ABer jetzt schliessen sich die Unter menues dafür nicht mehr. Danke aber für den Code!!
      Mfg N!TRo

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Menu Funktioniert net was mach ich falsch?!?

        DeathMasterIII
        – Informationen zu den Bewertungsregeln

        hi!

        ABer jetzt schliessen sich die Unter menues dafür nicht mehr. Danke aber für den Code!!

        Weiß ich habs auch bemerkt, in deinem Code fehlt, dass du beim öffnen eines neuen Fenster das ausblenden für das alte Fenster aufrufst.

        mfg
        DMIII

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Menu Funktioniert net was mach ich falsch?!?

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi,

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#99CCFF" text="#000000">
    <style type="text/css">

    style-Elemente gehören ins head-Element, nicht ins body-Element.

    <!--
       a.farb:link    { color:#ffffff;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
    -->
      </style>
    <style type="text/css">

    ein zweites style-Element ist nicht nötig.

    <!--
       a.hyp:link    { color:#ffffff;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
    -->
      </style>
    <style type="text/css">

    Auch das dritte style-Element ist nicht nötig, die styles können ALLE in einem style-Element definiert werden.

    <!--
       a.farb1:link    { color:#000066;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
    -->
      </style>
    <script language="JavaScript">

    hier fehlt das type-Attribut

    </script>
    <style type="text/css">
    </style>

    Ein leeres Style-Element ist überflüssig...

    </head>

    head hast Du bereits weiter oben zugemacht.

    <body>

    body im body ist nicht erlaubt.

    <div id="menu1" class="link" style="background-color:rgb(51,102,153); position: absolute; visibility: hidden; left: 105px; top: 20px">
    </div>
    <div id="menu4" class="link" style="background-color:rgb(51,102,153); width:93 px; position: absolute; visibility: hidden; left: 105px; top: 80px; right: 250px">

    width hat keinen gültigen Wert (Leerzeichen zwischen der Zahl und der Einheit ist nicht zulässig)

    <a class="farb" href="stuff/tunning.html">Auto Tunning</a> <br>
    </div>
    <div style="background-color:"withe"; font-color:"blue"; position: top:"100" left:"20" font-family:Arial; width:190 px">

    Dein style-Attribut enthält genau "background-color:"
    Und sonst nichts.
    withe ist kein sinnvoller Wert für background-color, "withe" ist noch weniger sinnvoll.
    Eine CSS-Property font-color gibt es nicht, "blue" ist kein zulässiger Wert für die vermutlich gewünschte Property color.
    "100" ist kein sinnvoller Wert für top (100 auch nicht, weil die Einheit fehlt).
    "20" ist kein sinnvoller Wert für left (20 auch nicht, weil die Einheit fehlt).
    Bei der font-family fehlt die empfohlene generische Schrift.
    Bei width ist ein Leerzeichen vor der Einheit.

    <a class="hyp" href="javascript:einblenden('menu1')">About Me!!</a><BR>
    </div>

    Mach also erstmal HTML/CSS aus dem Verhau, wenn es dann noch nicht klappt, kann man weitersehen.
    Ach ja, Du solltest Dich auch mal mit Kontext-Selektoren beschäftigen...

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Menu Funktioniert net was mach ich falsch?!?

      MudGuard
      – Informationen zu den Bewertungsregeln

      Hi,

      <div style="background-color:"withe"; font-color:"blue"; position: top:"100" left:"20" font-family:Arial; width:190 px">

      Nachtrag: nach top und left fehlt jeweils das Semikolon.

      cu,
      Andreas

      --
      Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. Menu Funktioniert net was mach ich falsch?!?

    NiTRo
    – Informationen zu den Bewertungsregeln

    << So jetzt hab ich es mal vereinfacht, aber der code zum die menues zu klpappen fehlt mir auch noch!! Und warum hat es in einem menue eine leer zeile wenn sie im frame angezeigt wird? Yhank for your help!!

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
       a.farb:link    { color:#ffffff;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb:visited { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb:hover   { color:#FFFFFF; background-color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb:active  { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }

    a.hyp:link    { color:#ffffff;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.hyp:visited { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.hyp:hover   { color:#FFFFFF; background-color:#0099FF;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.hyp:active  { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }

    a.farb1:link    { color:#000066;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb1:visited { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb1:hover   { color:#FFFFFF; background-color:#0099FF;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
       a.farb1:active  { color:#000080;
          font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
    -->
      </style>

    <script language="JavaScript">

    var openmenu="menu1";
    if(document.layers)
       {window.captureEvents(Event.MOUSEDOWN);
        window.onmousedown=ausblenden;
       } else
       {document.onmousedown=ausblenden;
       }

    function einblenden(param)
    {   openmenu=document.getElementById(param);
        if (document.layers) {
         openmenu.visibility ="show";
        }
        else {
            openmenu.style.visibility ="visible";
        }
    }

    function ausblenden(param)
    {   openmenu=document.getElementById(param);
        if (document.layers) {
         openmenu.visibility ="hide";
        }
        else {
            openmenu.style.visibility ="hidden";
        }
    }

    </script>
    <style type="text/css">
    </style>
    </head>
    <BODY>
    <style="background-color:#CC33FF">

    <div id="menu1" class="link" style="background-color:rgb(51,102,153); position: absolute; visibility: hidden; left: 105px; top: 20px">
       <a class="farb" href="about/about.html">About ME</a> <br>
       <a class="farb" href="about/pics.html">Pics</a> <br>
    </div>

    <div id="menu2" class="link" style="background-color:rgb(51,102,153); position: absolute; visibility: hidden; left: 105px; top: 40px">
       <a class="farb" href="scool/elektro/elektro.htm">Elektrotechnik</a> <br>
       <a class="farb" href="scool/abu/abu.html">ABU </a> <br>
       <a class="farb" href="scool/vesa/vesa.html">Kurse VESA</a> <br>
    </div>

    <div id="menu3" class="link" style="background-color:rgb(51,102,153); max-width:75px; overflow:hidden; position: absolute; visibility: hidden; left: 105px; top: 60px">
       <a class="farb" href="starpics/britney/britney.html">Britney Spears</a> <br>
       <a class="farb" href="starpics/cameron/cameron.html">Cameron Diaz</a> <br>
       <a class="farb" href="starpics/sandra/sandra.html">Sandra Bullock</a> <br>
    </div>

    <div id="menu4" class="link" style="background-color:rgb(51,102,153); width:93px; position: absolute; visibility: hidden; left: 105px; top: 80px; right: 250px">
       <a class="farb" href="stuff/tunning.html">Auto Tunning</a> <br>
       <a class="farb" href="stuff/othpics.htm">Other Pics</a> <br>
       <a class="farb" href="stuff/links.html">Linkliste</a> <br>
       <a class="farb" href="stuff/partner.html">Partnersites</a> <br>
    </div>
    <div style="background-color:#FFFFFF; font-color:#0000FF; position: top:"100px" left:"20px" font-family:Arial; width:190px">
       <a class="hyp" href="javascript:einblenden('menu1')">About Me!!</a><BR>
       <a class="hyp" href="javascript:einblenden('menu2')">Elektrotechnik</a><BR>
       <a class="hyp" href="javascript:einblenden('menu3')">Star Pics</a><BR>
       <a class="hyp" href="javascript:einblenden('menu4')">Stuff</a><BR>
    </div>

    <BR>
    <a class="farb1" href="Seite1.htm">Gästebuch</a>
    </body>
    </html>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln