Links ohne Unterstreichung und anderer Farbe

Computer: Software & Programmierung HTML & CSS
#1

Hallo Wissende,

ich habe eine Website mit verschiedenen Textfarben. Die Navigationsleiste soll Text-Links enthalten (also keine Buttons), die dann weder unterstrichen noch in einer anderen Farbe sein sollen.

Der NaviLeisten-Text hat ein eigenes CSS-Klasse, damit ich ggf. die NavLeisten-Texte in einem Rutsch neu formatieren kann.

Problem: Ich kann im Head zwar die Unterstreichung (leider gleich aller!) Links ausschalten, die Farbänderung bekomme ich aber nicht in den Griff, da ich mich auf eine neue Farbe festlegen muß. Kann man nicht irgendwie für nur einen CSS-Style die Linkkennzeichnungen ausschalten? Die anderen Links auf der Site sollen z. B. auch unterstrichen, aber nicht umgefärbt sein.

Vielen vielen Dank vom
JayKay

#2

Hallo,

Der NaviLeisten-Text hat ein eigenes CSS-Klasse, damit ich
ggf. die NavLeisten-Texte in einem Rutsch neu formatieren
kann.

Problem: Ich kann im Head zwar die Unterstreichung (leider
gleich aller!) Links ausschalten, die Farbänderung bekomme ich
aber nicht in den Griff, da ich mich auf eine neue
Farbe festlegen muß. Kann man nicht irgendwie für nur einen
CSS-Style die Linkkennzeichnungen ausschalten? Die anderen
Links auf der Site sollen z. B. auch unterstrichen, aber nicht
umgefärbt sein.

Wenn dein Code ungefähr so aussieht:

[Navi-Menue 1](%23)
[Navi-Menue 2](%23)

kannst du mit

.navi a {
 text-decoration: none;
}

Für alle Links im navi-Bereich die Unterstriche wegmachen.

Übrigens solltest du dir das gut überlegen, da man i.A. im Internet unterstrichen mit Link assoziiert…

Grüße,
Moritz

#3

Der NaviLeisten-Text hat ein eigenes CSS-Klasse, damit ich
ggf. die NavLeisten-Texte in einem Rutsch neu formatieren
kann.

Problem: Ich kann im Head zwar die Unterstreichung (leider
gleich aller!) Links ausschalten, die Farbänderung bekomme ich
aber nicht in den Griff, da ich mich auf eine neue
Farbe festlegen muß. Kann man nicht irgendwie für nur einen
CSS-Style die Linkkennzeichnungen ausschalten? Die anderen
Links auf der Site sollen z. B. auch unterstrichen, aber nicht
umgefärbt sein.

Du kannst zB erstmal sowas machen:

a,
a#visited {
 color: inherit;
}

oder ähnlich, hatte schon eine Weile nichts mehr mit CSS zu tun. Wichtig ist das „color: inherit“, damit sollte dann für die Links die Textfarbe des enthaltenden Elements übernommen werden.

#4

Danke :o)
Hallo Moritz,

Wenn dein Code ungefähr so aussieht:

Navi-Menue 1
Navi-Menue 2

kannst du mit

.navi a {
text-decoration: none;
}

Für alle Links im navi-Bereich die Unterstriche wegmachen.

Danke :o)

Übrigens solltest du dir das gut überlegen, da man i.A. im
Internet unterstrichen mit Link assoziiert…

Jaaaaa, schon, aber nicht unbedingt in einer Navibox. Ich würde sogar sagen, die meisten Naviboxes im Netz linken ohne Unterstreichung. Mein Blick in deren Quelltext offenbarte allerdings nicht, wie sie das machen — die machen das scheinbar nicht mit CSS.

Danke nochmals und Grüße
JayKay

#5

inherit-Tag kenn ich zu schlecht

Du kannst zB erstmal sowas machen:

a,
a#visited {
color: inherit;
}

oder ähnlich, hatte schon eine Weile nichts mehr mit CSS zu
tun. Wichtig ist das „color: inherit“, damit sollte dann für
die Links die Textfarbe des enthaltenden Elements übernommen
werden.

Auch Dir vielen Dank :o)

Das genaue Prinzip mit dem inherit muß ich erst noch rausfinden. Ich glaube aber, es müßte

a:visited ...

heißen.

Viele Grüße
JayKay

#6

Das genaue Prinzip mit dem inherit muß ich erst noch
rausfinden. Ich glaube aber, es müßte

a:visited …

heißen.

Kommt hin.

Wenn man eine Eigenschaft auf „inherit“ (also „erben“) stellt, dann wird der entsprechende Wert des enthaltenden Elements übernommen.