nicht angemeldet
CSS - Links unterschiedlich formatieren!
Hallo!
Ich will eigentlich bei allen Links auf meiner Seite einen hover-Effekt bei den Links. Nur meine Menübuttons sollen immer ohne hover-Effekt dargestellt werden:
Meine style.css sieht so aus:
----------------------------------------------------
A:link {
color: #000000;
text-decoration: underline;
}
A:visited {
color: #000000;
text-decoration: underline;
}
A:hover {
color: #000000;
text-decoration: none;
}
.menuLink A:link {
color: #000000;
text-decoration: none;
}
.menuLink A:visited {
color: #000000;
text-decoration: none;
}
.menuLink A:hover {
color: #000000;
text-decoration: none;
}
----------------------------------------------------
In meiner Menütabelle sieht das dann so aus:
<td nowrap class="mainmenuCon" width="72" height="15">
<a href="ctrl03.jsp" class="menuLink"> Controlling</a>
</td>
<td nowrap class="mainmenuDat" width="72" height="15">
<a href="dm01.jsp" class="menuLink"> Datenpflege</a>
</td>
In den CSS-Klassen mainmenuCon und mainmenuDat werden nur die Tabellenzellen farblich formatiert!
Leider werden die Menülinks immer noch unterstrichen dargestellt, obwohl das in der Klasse menuLink ja anders definiert ist.
Was mache ich falsch?
Danke für eure Hilfe,
Matthias
-
hi,
Ich will eigentlich bei allen Links auf meiner Seite einen hover-Effekt bei den Links. Nur meine Menübuttons sollen immer ohne hover-Effekt dargestellt werden
FAQ: Abweichende Verweisfarben
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hi,
bitte beschäftige Dich doch zunächst mit en _Grundlagen_ von CSS, speziell der Angabe von Selektoren.
.menuLink A:link {
hier selektierst Du einen nicht-besuchten Link in einem Element mit der Klasse ".menuLink".
<td nowrap class="mainmenuCon" width="72" height="15">
hier verwendest Du eine vermutlich überflüssige Klasse - eine ID für table sollte reichen.
<a href="ctrl03.jsp" class="menuLink"> Controlling</a>
hier verwendest Du eine noch überflüssigere Klasse.
Und innherhalb von a.menulink ist und kann kein weiteres a-Element vorhanden sein, welches Du über Dein CSS ansprichst.freundliche Grüße
Ingo -
Nur meine Menübuttons sollen immer ohne hover-Effekt dargestellt werden:
versuch das mal, du musst natürlich die attribute anpassen
a.menuLink:link, a.menuLink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
background-color: #123636;
font-weight: bold;
}
a.menuLink:hover, a.menuLink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
background-color: #123636;
font-weight: bold;
}