Enrico: Probleme mit Register-Menü

Beitrag lesen

SELF-Forum

Probleme mit Register-Menü

Enrico
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln