Florian M.: die Links nehmen "font-weight: bold;" nicht an

Guten morgen,

habe ein Problem bei der Definition meiner Links in der CSS-Datei.
Über div möchte ich meine Links flexibel vordefinieren. Sie sollten
fett und in der jeweiligen Farbe (siehe unten) und Abstand angezeigt werden.
Vorab so sieht meine CSS-Datei aus: (dies ist ein Ausschnitt davon)

#nav2 a:link { color: #8D1A1D; }
#nav2 a:visited { color: #8D1A1D; }
#nav2 a:active { color: #8D1A1D; }
#nav2 a:hover { color: #8D1A1D; text-decoration: underline;}

#nav2 { font-weight: bold;      (So hätte ich es gerne gelöst)
        padding:     2px;
}

(Kategorie Überschriften)
.cat {
 background-color: #051850;
 color:   #FFFFFF;
 border-bottom:  1px solid #000000;
 text-align:  center;
 font-weight:  bold;
 padding:  2px;
}

(Kategorie Links)
.catl {
/* padding:  2px; */
/* font-weight:  bold; */
}

Wenn ich bei ".catl" die Kommentare entferne funktioniert es.
Möchte gerne die Eigenschaften von ".catl" in "#nav2" übernehmen.
So wie oben aufgeführt.

Html-Datei:
<div id="nav2">
 <table width="90%" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td colspan="2" class="cat">Angebot</td>
  </tr>
  <tr>
   <td width="5%"> </td>
   <td class="catl"><a href="../link1.html">link1</a></td>
  </tr>
  <tr>
   <td width="5%"> </td>
   <td class="catl"><a href="./link2.html">link2</a></td>
  </tr>
  <tr>
   <td width="5%" class="padding2">&#8250;</td>
   <td class="catl"><a href="./link3.html">link3</a></td>
  </tr>
 </table>
</div>

Über Vorschläge bzw. Tipps würde ich mich sehr freuen.

bis denn
Florian M.

  1. Hi

    habe ein Problem bei der Definition meiner Links in der CSS-Datei.
    Über div möchte ich meine Links flexibel vordefinieren. Sie sollten
    fett und in der jeweiligen Farbe (siehe unten) und Abstand angezeigt werden.
    Vorab so sieht meine CSS-Datei aus: (dies ist ein Ausschnitt davon)

    #nav2 a:link { color: #8D1A1D; }

    #nav2 a:link { color: #8D1A1D; font-weight:bold; }

    Links erben nicht alle Eigenschaften...

    #nav2 a:visited { color: #8D1A1D; }
    #nav2 a:active { color: #8D1A1D; }
    #nav2 a:hover { color: #8D1A1D; text-decoration: underline;}

    #nav2 { font-weight: bold;      (So hätte ich es gerne gelöst)
            padding:     2px;
    }

    Andreas

    1. Hi Andreas,

      danke für Deine Antwort werde es gleich mal testen.

      Wie sieht es mit dem "padding" aus. Diese Eigenschaft
      würde ich auch gerne bei dem Link unterbringen. Somit
      könnte ich mehrere "class" sparen.

      Danke im Voraus

      bis denn
      Florian

  2. Guten morgen,

    #nav2 a:link { color: #8D1A1D; }

    Ich hab' jetzt nicht nachgeschlagen, aber ob solche Pseudoformate unterhalb einer ID überhaupt zulässig sind?

    also dies hier:

    a:link { color: #8D1A1D; }

    geht.

    Gruß, Andreas