hover-link gestalten

[freak]

hi!
ich bins (schon) wieder. ich habe da folgendes problem. ich möchte ein navigationsmenü auf einer webseite mit hoverlinks gestalten. nämlich so, dass, wenn ich den link überfahre, um den linktext zwei eckige klammern kommen. das sollte beim überfahren so aussehen:

[verlinktertext]

nur weiß ich jetzt nicht, wie ich das machen soll. ich habs mit A.hover:before {content="[";} bzw. A.hover:after {content="]";}
probiert, was ja logischerweise nicht funktioniert. aber ich steh da jetzt total auf der leitung, denn ich weiß nicht, wie ich das machen soll.

ich wäre dankbar, wenn ihr mir helfen könnt
lg
freak

[MudGuard]

Hi,

nur weiß ich jetzt nicht, wie ich das machen soll. ich habs mit A.hover:before {content="[";} bzw. A.hover:after {content="]";}
probiert, was ja logischerweise nicht funktioniert.

Logisch: hover ist nicht eine normale Klasse, sondern eine Pseudoklasse.
Diese werden in CSS2 mit : und nicht mit Punkt angegeben:

A:hover:before {content="[";} bzw. A:hover:after {content="]";}

Wenn man dann noch einen Browser benutzt, der einigermaßen auf dem Stand der Technik ist, funktioniert das auch.

cu,
Andreas

[freak]

hi!
es funktioniert immer noch nicht.
der validator vom w3c gibt mir da folgendes ergebnis:

Zeile: 0 Kontext : A:hover:before
Ungültige Nummer : contentEinlese-Fehler - content="["

Zeile: 0 Kontext : A:hover:after
Ungültige Nummer : contentEinlese-Fehler - content="]"

Zeile: 0 Kontext : A:active:before
Ungültige Nummer : contentEinlese-Fehler - content="["

Zeile: 0 Kontext : A:active:after
Ungültige Nummer : contentEinlese-Fehler - content="]"

ich weiß nicht was ich da ändern soll. das stylesheet sieht so aus:

A:link {
text-decoration:none;
color:#0080ff;
}
A:hover {
text-decoration:none;
color:#0000ff;
}
A:hover:before {
content="[";
}
A:hover:after {
content="]";
}
A:active {
text-decoration:none;
color:#0080ff;}
A:active:before {
content="[";
}
A:active:after {
content="]";
}
A:visited {
text-decoration:none;
color:#0000ff;
}
hoffentlich könnt ihr mir helfen.
lg
freak

[MudGuard]

Hi,

es funktioniert immer noch nicht.
der validator vom w3c gibt mir da folgendes ergebnis:

Übersehen: zwischen Eigenschaft und Wert gehört in CSS immer der Doppelpunkt, nicht das Gleichheitszeichen.

cu,
Andreas

[freak]

Hi,

es will immer noch net...

lg
freak

[MudGuard]

Hi,

es will immer noch net...

Benutzt Du einen Browser, der auf dem Stand der Technik ist?

cu,
Andreas

[freak]

Hi!

Benutzt Du einen Browser, der auf dem Stand der Technik ist?

ich verwende eigentlich den aktuellsten mozilla, bzw. netscape 7.1 und IE 6.0... bzw. opera u. mozilla firefox.

lg
freak

[MudGuard]

Hi,

Benutzt Du einen Browser, der auf dem Stand der Technik ist?

A:hover:before { content:"["; }
A:hover:after { content:"]"; }

ich verwende eigentlich den aktuellsten mozilla,

Funktioniert.

bzw. netscape 7.1

sollte funktionieren (da einigermaßen aktueller Gecko).

und IE 6.0...

fällt nicht in die genannte Kategorie Browser (die, die auf dem Stand der Technik sind)

bzw. opera

funktioniert.

u. mozilla firefox.

sollte funktionieren (da einigermaßen aktueller Gecko)

cu,
Andreas