Enrico: Probleme mit Register-Menü

Hallo,

ich habe mir mittels folgender css-Datei ein Registerreitermenü erstellt, die Dateien
selber habe ich im Internet gefunden und nicht selber programmiert, deshalb auch meine
nachfolgenden Fragen:

*
     {
          margin:0;
          padding:0;
          list-style:none;
          border:none;
     }

body
     {
          background-color: #525552;
          color:            #b2b2b2;
          font-family:      Verdana;
          font-size:        10px;
          font-weight:      bold;
          margin-right:     14px;
     }

div.domtab
     {
          color:            #b2b2b2;
          font-family:      Verdana;
          font-size:        10px;
          font-weight:      bold;
          width:            100%;
     }

ul.domtabs
     {
          float:            left;
          margin:           0;
          width:            100%;
     }

ul.domtabs li
     {
          float:            left;
          padding:          0 1px 1px 0;
     }

ul.domtabs a:link,
     ul.domtabs a:visited,
     ul.domtabs a:active,
     ul.domtabs a:hover
     {
          border:           1px #7b7d7b solid;
          color:            #b2b2b2;
          display:          block;
          font-family:      Verdana;
          font-size:        10px;
          font-weight:      bold;
          padding:          7px;
          text-decoration:  none;
     }

ul.domtabs a:hover
     {
          background-color: #7b7d7b;
     }

div.domtab div
     {
          background-color: #7b7d7b;
          border:           1px #7b7d7b solid;
          clear:            both;
          color:            #b2b2b2;
          font-family:      Verdana;
          font-size:        10px;
          font-weight:      bold;
          padding:          7px;
          width:            auto;
     }

ul.domtabs li.active a:link,
     ul.domtabs li.active a:visited,
     ul.domtabs li.active a:active,
     ul.domtabs li.active a:hover
     {
          background:       #7b7d7b;
     }

Der html-Code sieht wie folgt aus:

<body>
               <div class="domtab">
                    <ul class="domtabs">
                         <li><a href="#Buchstabenindex">Buchstabenindex</a></li>
                         <li><a href="#Genre">Genre</a></li>
                         <li><a href="#FSK">FSK</a></li>
                         <li><a href="#Darsteller">Darsteller</a></li>
                         <li><a href="#Titel_suchen">Titel suchen</a></li>
                    </ul>
                    <div>
                         <a name="Buchstabenindex" id="Buchstabenindex">Buchstabenindex</a>

</div>
                    <div>
                         <a name="Genre" id="Genre">Genre</a>

</div>
                    <div>
                         <a name="FSK" id="FSK">FSK</a>

</div>
                    <div>
                         <a name="Darsteller" id="Darsteller">Darsteller</a>

</div>
                    <div>
                         <a name="Titel_suchen" id="Titel_suchen">Titel suchen</a>

</div>
               </div>
          </body>

Hier meine Fragen:

  1. Welche Bedeutung hat der erste Definitionsblock, der mit einem "*" beginnt?

  2. Wie bekomme ich es hin, dass das aktuell gewählte (aktive) Register keinen Abstand
    in Höhe von 1px zum darunter liegenden "Inhalts-div" hat? Ich möchte damit erreichen,
    dass inaktive Register - wie aktuell der Fall - zueinander 1px Abstand haben, das
    aktive Register aber mit dem div darunter eine Einheit bildet.

Vielen Dank für Eure Mithilfe.

Gruß
Enrico

  1. Hallo,

    1. Welche Bedeutung hat der erste Definitionsblock, der mit einem "*" beginnt?

    Regeln unter * gelten für alle Elemente der Seite.
    Damit wird erreicht, dass alle Elemente, weil der Standart oft anders aussieht, keinen Rahmen, Außenabstand, etc. haben.

    Mfg
    Revo