Links - Mehrere Farben

[Markus]

Ich habe folgendes Problem:
Meine Seite enhaelt Links die mit Hilfe von verschiedenen css-Klassen formatiert ist. Der Browser ordnet den Links aber die default-Farben zu(link blau, besuchter link violet ...).
Ich habe versucht dieses Problem mit Pseudoformaten zu loesen (a:hoover, ...) nun wird aber den verschiedenen Links wieder nur eine Farbe zugewiesen!

Wie ordne ich mehreren verschiedenen Links in einem Dokument verschiedene Farben zu?

vielen Dank, Markus

[Bert Randolf]

Hallo,

mit css, zb.
a.menu:hover{}
etc.

Bert

[Markus]

Vielen Dank fuer den Hinweis!

Ich hab es schon ausprobiert aber es funktioniert nicht.
Muss ich den Link mit der Klasse "a.menu" formatieren oder mit der Klasse "menu" ?

Markus

[ichen]

Moin!
wenn du im html-quellcode
<a class="menu"....
stehen hast, musst du in der CSS das schreiben:

a:link.menu { }
a:visited.menu { }
a:hover.menu { }
a:link.active { }

in die geschweiften klammern ({}) entsprechend die angaben.
tschüss ichen

[Markus]

funzt leider auch nicht bei mir.

vielleicht kannst ja mal einen blick drauf werfen:

http://www.mhuber.at/uni/xhtml_statisch.htm

Ich hab deinen Vorschlag auf "sub_menu" angewendet.

[KD-one]

Hi Markus,

http://www.mhuber.at/uni/xhtml_statisch.htm

Ich hab deinen Vorschlag auf "sub_menu" angewendet.

Nein, hast du nicht.
In der ganzen Seite ist keine Klasse namens "sub_menu" zu finden.
Auch die CSS-Definitionen können nicht greifen, da du die Klasse den Zellen zugeordnet hast und nicht den Links.
Inwieweit das durch die Vererbung überspielt wird, bin ich überfragt, ich nehme aber an, es tut nich, da es nicht geht.
Ebenso ist die Reihenfolge bei dir immer noch falsch.
http://faq.united-web.at/index.php?content=textlinks
So wie dein Konstrukt aussieht, könnte es so funktionieren.

td.menu_sub a:link {  }
usw...

Lies dazu die Seite, die ich dir verlinkt habe.

Gruß

Kurt

[MudGuard]

Hi,

a:link.menu { }

a.menu:link

CSS 2 erlaubt zwar beide Reihenfolgen, aber in CSS 1 war nur die Variante mit der Pseudo-Klasse am Ende zulässig.
Viele Browser unterstützen CSS 2 nur in geringen Teilen.

cu,
Andreas

[ichen]

Moin!
lese dir mal genau die Link.formatierung mit CSS in SelfHTML durch.
http://de.selfhtml.org/html/verweise/definieren.htm#gestalten
tschüss ichen

[Vinzenz]

Hallo Markus,

Meine Seite enhaelt Links die mit Hilfe von verschiedenen css-Klassen formatiert ist. Der Browser ordnet den Links aber die default-Farben zu(link blau, besuchter link violet ...).

Du bist das schon richtig angegangen, aber ohne Deinen Quelltext (HTML sowie CSS) zu kennen, können wir Dir hier nicht richtig helfen.

Ich habe versucht dieses Problem mit Pseudoformaten zu loesen (a:hoover, ...) nun wird aber den verschiedenen Links wieder nur eine Farbe zugewiesen!

Nö, mit Staubsaugern geht das auch nicht. *SCNR*

d.h. es heißt "hover"
Außerdem gilt dies für den Link, über dem sich gerade die Maus befindet. Über wievielen ist dies gleichzeitig möglich?

Wie ordne ich mehreren verschiedenen Links in einem Dokument verschiedene Farben zu?

Poste uns Deinen Quelltext oder noch besser einen Link auf die betreffende Seite. Dann sehen wir weiter.

Freundliche Grüsse,

Vinzenz

[Markus]

sorry wegen dem "hoover" bin in toronto und hab gerade meine bude aufgeräumt.

http://www.mhuber.at/uni/xhtml_statisch.htm
Submenu und Hauptmenu sind mit unterschiedlichen Klassen formatiert und unteranderem verschiedene Farben zugeordnet. Momentan "ueberschreibt" a:link, a:hover etc. die eigentlichen Farben.

nun irgendwelche Vorschlaege?

Markus

[Vinzenz]

Hallo Markus,

sorry wegen dem "hoover" bin in toronto und hab gerade meine bude aufgeräumt.

http://www.mhuber.at/uni/xhtml_statisch.htm
Submenu und Hauptmenu sind mit unterschiedlichen Klassen formatiert und unteranderem verschiedene Farben zugeordnet. Momentan "ueberschreibt" a:link, a:hover etc. die eigentlichen Farben.

Das ist auch logisch, denn Du hast sehr spezifische Selektoren aufgeführt:

<zitat quelle=http://www.mhuber.at/uni/xhtml_statisch-Dateien/main.css>
.menu_sub {
 FONT-SIZE: 7pt; COLOR: #ff6600; LINE-HEIGHT: 7pt; FONT-FAMILY: Arial, Helvetica, sans-serif
}

A:link {
 COLOR: #000000; TEXT-DECORATION: none
}

A.menu_sub:visited {
 COLOR: #000000; TEXT-DECORATION: none
}
A.menu_sub:hover {
 COLOR: #000000; TEXT-DECORATION: underline
}
A.menu_sub:link {
 COLOR: #000000; TEXT-DECORATION: none
}
</zitat>

Bitte beachte erstens die Reihenfolge, siehe auch http://de.selfhtml.org/navigation/css.htm#zentrale_formate:

:link
:visited
:hover
:active
:focus

2. Deine A.<klasse>:<pseudoklasse> sind derzeit völlig überflüssig. Deine Verweise sind sämtlich klassenlos, somit kommt die Regel

A:link

zum Tragen. Diese gibt als Schriftfarbe #000000 vor.
Lass doch die Farbangaben in A:link einfach weg. Dann sollten die Verweise in den von Dir gewünschten Farben erscheinen.

Wenn Du Elemente formatieren willst, die sich innerhalb eines Elementes einer bestimmten Klasse befinden, solltest Du die Notation

.<klasse> Element:<pseudo-klasse>

verwenden.

Noch ein paar Bemerkungen am Rande: Deiner URI entnehme ich, dass Du XHTML schreiben möchtest. Bei XHTML werden _alle_ Tags klein geschrieben, _alle_ Werte von Attributen in doppelte Anführungszeichen eingeschlossen. Mit Deinen <span> willst Du ehemalige <font> ersetzen. Das ist Dir nur halb gelungen. Du hast da ein paar zuviel. Denke daran, dass Du auch den <td> Klassen zuordnen kannst.

Zum Einsatz der Tabellen für nicht tabellarische Daten sag ich jetzt ausnahmsweise nichts :-)

Freundliche Grüsse,

Vinzenz

[Markus]

vielen herzlichen Dank!
Markus

[MudGuard]

Hi,

Bitte beachte erstens die Reihenfolge, siehe auch http://de.selfhtml.org/navigation/css.htm#zentrale_formate:

Die Reihenfolge ist nicht vorgeschrieben. Sie wirkt sich nur auf die Wirksamkeit aus.

:link :visited :hover :active :focus

Ich finde :link :visited :focus :hover :active sinnvoller - denn ich will auch beim fokussierten Link den Hover-Effekt.

cu,
Andreas