Problem mit Hyperlink-Formatierungen

[matibaski]

Moin!
Habe folgendes Problem:

Ich habe für meine Webseite ein Menü erstellt, das per JavaScript einen RollOver Effekt bei Tabellen hat.
Und dort sind, natürlicherweise, Hyperlinks drin.
doch diese Hyperlinks "verwenden" die Formatierung der Standart Hyperlinks (die auch bestimmt wurden per CSS), anstatt die Formatierung der Klasse "menu".

Ausschnitt aus der Tabelle:

   <tr id="tr1" onmouseover="ein('tr1');" onmouseout="aus('tr1');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=home" class="menu">Home</a></td>
   </tr>

Hier die CSS Formatierungen der Hyperlinks für Menü und für die Standart:

/* allg. Links */
a:link, a:visited, a:active {
color: #000000;
text-decoration: underline;
font-size: 12px;
}

a:hover {
color: #ffffff;
text-decoration: none;
background: #000000;
font-size: 12px;
}

/* Menü */
.menu {
color: #000000;
font-size: 12px;
}

.menu a:link, #menu a:active, #menu a:visited {
text-decoration: none;
}

.menu a:hover {
text-decoration: none;
background: none;
color: #000000;
font-weight: bold;
}

Nun verwendet er eben den Teil /* allg. Links */

Ich habe es schon mit der Formatierung !imporant probiert, will trozdem nicht.
Hier ist der Link zu meiner Seite:
www.myb.ch.vu
Für Quelltext:
http://matibaski.paradoxe.de/MyB


MfG, matibaski

 

[JumperII]

Hallo,

laut deiner CSS muss das Eltern-Element die Klasse menu haben und nicht das Element a.

also suchst Du diese hier:

a.menu:link, a#menu:active, a#menu:visited {
text-decoration: none;
}

a.menu:hover {
text-decoration: none;
background: none;
color: #000000;
font-weight: bold;
}

Gruß,
Jumper, the II.

 

[matibaski]

Danke.
Hab seit meiner HTML/CSS Prüfung (etwa 5 Monete her), nie Hyperlinks für Menü's formaiert. Ich machte diese vorher miestens mit Bildern.


MfG, matibaski