[CSS] Linkfarben ändern

07.11.2004, 10:19

Hallo,

mit CSS ist es ja möglich die Farben der Links auf einer HTML Seite zu bestimmen.

Mit dem Code

Code:

a:link 
{
   font-family: Verdana;
   color: #000000;
   font-size: 11px;
   text-decoration : none;
}

wird die Linkfarbe für jeden Link auf der ganzen Seite geändert. Wie kriege ich es jetzt hin, dass die Links im Menü eine andere Farbe bekommen, als die Links im Inhalt? Vielleicht erläutert ihr es mir mal an meinem Beispiel in dem ich das Menü und den Inhalt wie folgt formatiert habe:

Code:

.menuetext 
{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:12px;
}
.text 
{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:11px;
}

Die Links sollen jeweils einen Pixel größer sein als der Text.

Ich danke euch schon mal im Vorraus und hoffe das ihr mir helfen könnt.

Viele Grüße

Maik

toscho · 07.11.2004, 10:41

Code:

.menuetext a:link {}

Gib immer eine Hintergrundfarbe an, wenn du die Textfarbe setzt. Das gilt selbstverständlich auch umgekehrt.

zwelch · 07.11.2004, 10:46

Code:

a.menuetext:link { 
...
}
a.text:link { 
...
}

07.11.2004, 10:48

Werds später ausprobieren. Vielen Dank schon mal.

Gruß
Maik

07.11.2004, 19:52

Bei mir hat nur das funktionert. Aber vielen Dank euch beiden...

Code:

.menuetext a:link {}

Danke und viele Grüße

Maik

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Prioritäten bei Link-Farb-Einstellungen [CSS]	max-dhom	HTML, Usability und Barrierefreiheit	3	21.05.2006 13:22
[CSS] Alternative zu "height: 100%"	JK	HTML, Usability und Barrierefreiheit	0	01.04.2006 13:22
[CSS] Problem mit float	I-Spy	HTML, Usability und Barrierefreiheit	3	31.03.2006 17:08
[CSS] Einheitliche Größe	I-Spy	HTML, Usability und Barrierefreiheit	3	31.03.2006 12:49
[CSS] Div container unsichtbar machen	I-Spy	HTML, Usability und Barrierefreiheit	24	05.03.2006 09:37
[CSS] Block und Inline Element gleichzeitig....oder so		HTML, Usability und Barrierefreiheit	2	26.02.2006 23:31
[CSS] Anchor Problem beim validieren	baba_der_grosse	HTML, Usability und Barrierefreiheit	5	21.02.2006 16:43
[CSS] Menübuttons Verschieben		HTML, Usability und Barrierefreiheit	8	19.02.2006 09:54
[Erledigt] div texteinzug [css]		HTML, Usability und Barrierefreiheit	6	12.02.2006 11:38
[CSS] Anornung der Ränder verändern	I-Spy	HTML, Usability und Barrierefreiheit	7	08.02.2006 09:37
[CSS] "position:fixed;" bei divs funktioniert nich		HTML, Usability und Barrierefreiheit	1	07.01.2006 01:22
[CSS] Firefox zeigt die Seite falsch an [CSS]	I-Spy	HTML, Usability und Barrierefreiheit	7	03.01.2006 11:51
[CSS] Bilder in Auswahlmenü		HTML, Usability und Barrierefreiheit	4	02.11.2005 13:24
[CSS] Element wird immer vorschoben	LA-Finest	HTML, Usability und Barrierefreiheit	3	20.09.2005 18:14
[css] a:hover wird nicht angezeigt	LA-Finest	HTML, Usability und Barrierefreiheit	3	05.09.2005 13:55

07.11.2004, 10:19
Gast Beiträge: n/a	[CSS] Linkfarben ändern Hallo, mit CSS ist es ja möglich die Farben der Links auf einer HTML Seite zu bestimmen. Mit dem Code Code: a:link { font-family: Verdana; color: #000000; font-size: 11px; text-decoration : none; } wird die Linkfarbe für jeden Link auf der ganzen Seite geändert. Wie kriege ich es jetzt hin, dass die Links im Menü eine andere Farbe bekommen, als die Links im Inhalt? Vielleicht erläutert ihr es mir mal an meinem Beispiel in dem ich das Menü und den Inhalt wie folgt formatiert habe: Code: .menuetext { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:12px; } .text { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:11px; } Die Links sollen jeweils einen Pixel größer sein als der Text. Ich danke euch schon mal im Vorraus und hoffe das ihr mir helfen könnt. Viele Grüße Maik


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.11.2004, 10:41
toscho Erfahrener Benutzer Registriert seit: 26.09.2004 Beiträge: 430	Code: .menuetext a:link {} Gib immer eine Hintergrundfarbe an, wenn du die Textfarbe setzt. Das gilt selbstverständlich auch umgekehrt.

07.11.2004, 10:46
zwelch Erfahrener Benutzer Registriert seit: 29.06.2003 Beiträge: 884	Code: a.menuetext:link { ... } a.text:link { ... }

07.11.2004, 10:48
Gast Beiträge: n/a	Werds später ausprobieren. Vielen Dank schon mal. Gruß Maik

07.11.2004, 19:52
Gast Beiträge: n/a	Bei mir hat nur das funktionert. Aber vielen Dank euch beiden... Code: .menuetext a:link {} Danke und viele Grüße Maik