unterschiedliche textfarbe für links in navi bzw fliesstext

[rob-kleinert]

Servus,

also, folgendes: Ich hab ne seite gemacht bei der die navigation aus textlinks besteht. Diese Textlinks sind weiß, natürlich nicht unterstrichen. jetzt hab ich im Fließtext auch links drin, allerdings sollen die schwarz sein.

Habs so wie beim Tutorial gemacht mit #content a bzw #navi a. FUnktioniert aber irgendwie nicht, bzw wird nicht umgesetzt, was muss ich da beachten? habs wirklich wie im tut gemacht...

danke für die hilfe.

robert

[x3Ro]

Das müsste so funktionieren. Aber ohne deinen Code können wir dir nicht helfen.

[rob-kleinert]

jo werden den code nochmal so ändern wie im tut beschrieben und stells dann hier rein. hab grad wenig zeit.

Oder muss ich dann denn "#content a"-div im html code auch noch irgendwo einfügen?

[Eyecatcher]

# steht für ID, das ist also schon man prinzipiell falsch, da es ja mehrere Links sind!
Also benutzen wir class (.)

HTML Datei:

Code: Alles auswählen

<a href="#" class="navilink">Link in der Navigation</a>
<a href="#" class="besonders">Ein Link unter anderen besonderen Gegebenheiten</a>
<a href="#">Ein Standard Link</a>
<

CSS:

Code: Alles auswählen

a {
Hier kommt die Standard Link Formatierung
}

.besonders {
Hier die Formatierung für den Besonderen Link
}

.navilink {
Hier die Formatierung für den Link in der Navigation
}


Das ist eine Möglichkeit, direkt auf die Links zuzugreifen, doch es geht auch anders:
HTML

Code: Alles auswählen

<div class="Navigation">
<a href="#">Ein Link</a>
</div>

CSS

Code: Alles auswählen

.Navigation a {
Formatierung...
}

[x3Ro]

Das ist eine Möglichkeit, direkt auf die Links zuzugreifen, doch es geht auch anders:
HTML

Code: Alles auswählen

<div class="Navigation">
<a href="#">Ein Link</a>
</div>

CSS

Code: Alles auswählen

.Navigation a {
Formatierung...
}

Aber man kann doch auch eine ID dafür verwenden. Und genau das hat er doch gemacht mit:
#navi a {color: #FF0000;}
Nun sind alle Links, die im Div mit der ID "navi" sind rot. Also hat der Threadstarter das Prinzip richtig gemacht, bloß irgendwo einen kleinen Fehler eingebaut.

[Eyecatcher]

Ja klar kann man das, nur ist es eigentlich besser bei sowas mit class zu arbeiten, außer man ist sich 100% sicher das man dieses Div nur einmal verwendet, also nicht
<div id="Navi">Navi 1</div>
<div id="Navi">Navi 2</div>

Das wäre nämlich nicht valide!

[x3Ro]

Aaachso, okay. Dann gebe ich mich mal geschlagen