SELFHTML Forum  SELFHTML Forumsarchiv  2005  Mai

	SELFHTML Forumsarchiv CSS - Links unterschiedlich formatieren!
	(CSS) CSS - Links unterschiedlich formatieren! von Matthias, 30. 05. 2005, 14:52  (CSS) CSS - Links unterschiedlich formatieren! von wahsaga, 30. 05. 2005, 14:55  (CSS) CSS - Links unterschiedlich formatieren! von Ingo Turski, 30. 05. 2005, 14:58  (CSS) CSS - Links unterschiedlich formatieren! von friction23, 30. 05. 2005, 15:44

CSS - Links unterschiedlich formatieren!

Die folgende Nachricht zum Thema stammt von: Matthias, 30. 05. 2005, 14:52

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">&nbsp;Controlling</a>
</td>
<td nowrap class="mainmenuDat" width="72" height="15">
<a href="dm01.jsp" class="menuLink">&nbsp;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

CSS - Links unterschiedlich formatieren!

Die folgende Nachricht zum Thema stammt von: wahsaga, 30. 05. 2005, 14:55

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; }

CSS - Links unterschiedlich formatieren!

Die folgende Nachricht zum Thema stammt von: Ingo Turski, 30. 05. 2005, 14:58

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">&nbsp;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
--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)

CSS - Links unterschiedlich formatieren!

Die folgende Nachricht zum Thema stammt von: friction23, 30. 05. 2005, 15:44

»» 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;
}

 SELFHTML Forum  SELFHTML Forumsarchiv  2005  Mai

© 1998-2006  Impressum, Software: Classic Forum