Pseudoformate für Links -> Klassen zuteilen

[Florian]

Hi Leute,

besteht die Möglichkeit die Pseudoformate für Links in
unterschiedliche Klassen zu unterteilen?

Die Navigation findet folgendermaßen statt:
Es existiert eine "Haupt"-Navigation -> mit den Überbegriffen.
Sie ist Horizontal über die gesamte Seite ausgerichtet.
Für diese Leiste habe ich eine CSS-Datei erstellt (siehe unten).

Nach anklicken eines Überbegriffes erscheint eine neue Übersicht.
Sie ist links unterhalb der "Haupt"-N. Vertikal angelegt.
Diesen Links soll nun eine andere Farbe zugeordnet werden.

Diese Einstellungen gelten nun global für alle Links:
:link  { color: #FFFFFF; }
:visited { color: #FFFFFF; }
:active  { color: #FFFFFF; }
:hover  { color: #FFFFFF; text-decoration: underline overline; }

a {text-decoration: none; }

Ich würde gerne für die "Hauptleiste" bzw. "Nebenleiste" jeweils
eine Definition festlegen (damit ich flexibel sein kann).
Wie kann ich so etwas realisieren?

im Voraus schon einmal Danke für Eure Hilfe.

Florian

[Jan L.]

Hallo,

Ich würde gerne für die "Hauptleiste" bzw. "Nebenleiste" jeweils
eine Definition festlegen (damit ich flexibel sein kann).
Wie kann ich so etwas realisieren?

ganz elegant geht das z.B. so

#hauptleiste{...}
#hauptleiste a:link{...}
...
#nebenleiste{...}
#nebenleiste a:link{...}
...

und dann die Haupt- bzw. Nebenleiste ind <div>s mit diesen IDs packen.

<div id="hauptleiste">...<div>
<div id="nebenleiste">...<div>

Gruß, Jan

[Florian]

Hallo Jan,

diese Lösung ist wirklich elegant. Somit bin ich wirklich flexibel,
wenn es um Erweiterung der Links geht. DANKE !!!

Frage in Bezug auf "id".
Was ist der Unterschied zwischen id und class?
Bis dato habe ich immer class verwendet.
Muss ich mir da irgendwelche Gedanken machen?
Kann man Deinen Lösungsvorschlag auch mit class lösen? Wenn ja wie?

bis denn
Florian

[Jan L.]

Hallo Florian,

Frage in Bezug auf "id".
Was ist der Unterschied zwischen id und class?
Bis dato habe ich immer class verwendet.
Muss ich mir da irgendwelche Gedanken machen?
Kann man Deinen Lösungsvorschlag auch mit class lösen? Wenn ja wie?

es sollte mit einem <div class="hauptleiste"> ebenfalls funktionieren, wenn du im stylesheet .hauptleiste{} benutzt.

http://selfhtml.teamone.de/css/formate/zentrale.htm
http://selfhtml.teamone.de/css/formate/zentrale.htm#individualformate

Gruß, Jan

[Sven Rautenberg]

Moin!

Frage in Bezug auf "id".
Was ist der Unterschied zwischen id und class?

Eine ID darf pro Dokument nur ein einziges Mal verwendet werden. Das ist bei "rechter Navileiste" vermutlich der Fall, sofern es nur eine einzige davon gibt. Eine Klasse verwendest du sinnvollerweise immer dann, wenn du eine CSS-Definition mehrfach an verschiedenen Stellen verwenden willst.

- Sven Rautenberg

[Janea]

Hallo Florian,
jep, kannst du problemlos machen, und zwar so :

a.navi:link  { color: #FFFFFF; }
a.navi::visited { color: #FFFFFF; }
a.navi::active  { color: #FFFFFF; }
a.navi::hover  { color: #FFFFFF; text-decoration: underline overline; }

dann musst du allerdings in den link noch <a href="home.html" class="navi"> einbauen, sonst funktioniert es meistens nicht so recht.

Viel Glück,

Jane

[Florian]

Danke Jane und Jan für die schnellen Antworten,
Ihr habt mich possitiv gestimmt.
Werde es gleich mal testen.

bis denn
Florian