Bodo van Laak: Registerreiter erzeugen

Ich habe ein Navigationsmenü runtegeralden, das nicht so tut wie ich möchte. Ich will folgendes erreichen:
Ich habe ein oberes Frame (Menü) und ein unteres Frame (Inhalt).
Menn ich im Menü was anklicke, dann soll der angeklickte Menüpunkt markiert bleiben. Und das tut er nicht. Wie geht sowas?

Hier das Menü:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
                <style type="text/css">
<!--
    body {
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 1--------------------------- */

#tabs1 {
      float:left;
      width:100%;
          background:#F4F7FB;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

#tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
-->
</style>
        </head>

<body>
                <h2>Tab Menu 1</h2>
                <div id="tabs1">
                        <ul>
                                <!-- CSS Tabs  "-->
<li id="current"><a href="ArprtWX.html" target="content"><span>Airport Weather</span></a></li>
<li><a href="ArprtNfo.html" target="content"><span>Airport Info</span></a></li>
<li><a href="EnrteWnds.html" target="content"><span>Enroute Winds</span></a></li>
<li><a href="SgWX.html" target="content"><span>Significant</span></a></li>
<li><a href="Nfo.html" target="content"><span>Info</span></a></li>

</ul>
                </div>
        </body>
</html>

Bodo

  1. Hi,

    Ich habe ein oberes Frame (Menü) und ein unteres Frame (Inhalt).
    Menn ich im Menü was anklicke, dann soll der angeklickte Menüpunkt markiert bleiben. Und das tut er nicht. Wie geht sowas?

    Ohne Frames.
    Du hast kein CSS-Problem, denn in diesem Menü wird der aktuelle Listenpunkt mit der ID current ausgezeichnet und entsprechend formatiert. Normalerweise sollte eine neue Seite mit einem individuell angepaßtem Menü geladen werden. Du lädst aber nur den Inhalt und das Menü bleibt dasselbe.

    freundliche Grüße
    Ingo