bei a:visited werden styles nicht interpretiert

von **nickriviera** » 01.12.2011, 13:05

hallo,
nachdem ich länger versucht habe, über die Suche etwas zu finden, poste ich das Problem mal als neues Thema, ich werde langsam wahnsinnig.

Also:
Die Links im Content-Bereich einer Seite sollen so dargestellt werden, dass sie im Startzustand blau unterstrichen dargestellt werden. Beim Drüberfahren mit der Maus ( hover ) sollen sie fett werden und ansonsten ihre Farbe und die Unterstreichung behalten. Ebenfalls fett sollen sie nach dem Besuch des Links dargestellt werden ( visited ).

Ich habe also folgendes in die css-Datei eingefügt:

#content a:link
{
color:#00519e;
font-weight:normal;
}

#content a:visited
{
color:#00519e;
font-weight : bold;
}

#content a:hover
{
color:#00519e;
font-weight : bold;
}

Das funktioniert im großen und ganzen ausgezeichnet, bis auf den Punkt visited. Die Farbe wird korrekt interpretiert - wenn ich hier die 00519e gegen z.B. ff0000 tausche, verfärbt sich die Schrift nach Besuchen des links von blau auf rot. font-weight wird aber nicht interpretiert. Bei hover funktioniert font-weight, und auch, wenn ich testweise font-weight:bold bei link einfüge. Nur bei visited geht es nicht. Testweise habe ich auch andere css-styles ausprobiert, es scheint so, dass nur color funktioniert und nichts anderes.

Ich habe schon die Zeile mit color komplett entfernt, und nur font-weight alleine probiert, auf color reagiert visited normal, alles andere wird ignoriert. Ich habe auch schon die Reihenfolge und die Syntax kontrolliert, und ob es irgendwo in der css-Datei ein übergeordnetes Element gibt, was das Ganze evtl. überschreiben könnte. Langsam gehen mir echt die Ideen aus, vielleicht bin ich ja auch nur betriebsblind im Moment.

Auf jeden Fall freue ich mich über jeden Tip, was es noch sein könnte.

danke und Gruß Frank

von **nickriviera** » 01.12.2011, 13:15

ich habe gerade festgestellt, dass die Styles, die ich in link eintrage, auch für visited übernommen werden, nur die Werte für color und background nicht.

Der Effekt tritt sowohl bei Firefox wie auch im Internet Explorer auf.

Gruß Frank

von **gaby** » 30.12.2011, 11:50

Hallo,

In welchem Browser wird 'font-weight' nicht interpretiert?

Wenn nichts angegeben ist, gehe ich von Firefox aus.
Dort ist die Anzeige aber korrekt, und im IE-8 ebenfalls.

BTW kannst du deinen Code auch optimieren:
Da für alle Pseudoklassen die gleiche Farbe gewählt wurde, gibst du diese Eigenschaft dem A-Element. (das vererbt sich dann auf :link, :visited, :hover, ... usw)

#content a {
color:#00519e;
}

#content a:visited,
#content a:hover {
font-weight : bold;
}

Grüße
gaby

von **sejuma** » 31.12.2011, 09:19

Entferne mal das Leerzeichen zwischen font-weight und dem Doppelpunkt.

von **djheke** » 31.12.2011, 11:41

Also, entweder arbeitet mein System gegen mich oder es lassen sich , außer color , keine weiteren Regeln auf a:visited anwenden. Background-color geht auch, aber nur wenn dies auch im a:link notiert ist.
Seltsam !

Ich wünsche euch allen ein erfolgreiches Jahr 2012.

von **gaby** » 01.01.2012, 01:08

Hallo,

@ sejuma

Entferne mal das Leerzeichen zwischen font-weight und dem Doppelpunkt.

Das dürfte nix ausmachen. ;-)

--------------

@ djheke

Also, entweder arbeitet mein System gegen mich oder es lassen sich , außer color , keine weiteren Regeln auf a:visited anwenden. Background-color geht auch, aber nur wenn dies auch im a:link notiert ist.
Seltsam !

Das läßt sich natürlich nicht nachvollziehen, wenn du deine Testdatei nicht preisgibst, und man nicht weiß, in welchem Browser du testest.

Mit diesem Code

Code: Alles auswählen: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>X</title> <style type="text/css"> #content a { color:#00519e; display: block; } #content a:visited, #content a:hover { font-weight : bold; font-variant: small-caps; text-transform: uppercase; font-style: italic; background-color: #CCCCCC; font-size: 36px; color: #336666; line-height: 3em; } </style> </head> <body> <div id="content"> <a href="#1">link-1</a> <a href="#2">link-2</a> <a href="#3">link-3</a> <a href="#4">link-4</a> <a href="#5">link-5</a> </div> </body> </html>

werden alle für :visited gegebenen Eigenschaften übernommen.
(getestet mit Firefox-3.6, habe gerade nichts anderes)

Prost Neujahr! :-)

bei a:visited werden styles nicht interpretiert

bei a:visited werden styles nicht interpretiert

Re: Nachsatz

Re: bei a:visited werden styles nicht interpretiert

Re: bei a:visited werden styles nicht interpretiert

Re: bei a:visited werden styles nicht interpretiert

Re: bei a:visited werden styles nicht interpretiert

Ähnliche Beiträge zu "bei a:visited werden styles nicht interpretiert"

Wer ist online?