Probleem met actieve link in andere browser dan Internet Exp

[anoniem]

Ik zit met een probleempje waar ik niet helemaal (helemaal niet) uit kom. Voorbeeld draait hier: http://www.vanimedia.nl/tmp/linktest10/index.html Ik heb de volgende stijl aangemaakt voor linkjes: a:link { color: #666666; } a:hover { color: #FF0000; } a:visited { color: #666666; } a:active { color: #FF0000; } Het is de bedoeling dat de actieve link een kleurtje krijg (rood in dit voorbeeld) zodat je ziet op welke link er geklikt is (en waar je dus bent). In Internet Explorer werkt dit (actieve linkje wordt rood) maar in andere browsers (Chrome, Safari, Firefox, …) werkt dit niet. Is dit eenvoudig op te lossen of doe/denk ik iets fout? Alvast bedankt voor het meedenken!

[anoniem]

Je doet in elk geval niks fout. Ook al geeft IE in dit geval het effect dat jij wenst, het is wel de enige de browser die de CSS regels weer eens aan zijn laars lapt. Je zult dit op een andere manier moeten oplossen. JavaScript of zo.

[anoniem]

Wow… het blijkt supereenvoudig te zijn. Voorbeeld werkt nu goed en staat hier: http://www.vanimedia.nl/tmp/linktest11/ Het ging om deze toevoeging a:focus { color: #FF0000; } Dus met deze stijlen ben ik er: a:link { color: #666666; } a:visited { color: #666666; } a:focus { color: #FF0000; } a:hover { color: #FF0000; } a:active { color: #FF0000; } Bedankt voor het meedenken!

[anoniem]

Met "a:active" bepaal je, in dit geval, de kleur dat het linkje krijgt als je muisknop ingedrukt is, niet perse wanneer de betreffende pagina open is. edit: Zo dus wel ja. [url=http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes]link[/url]

[anoniem]

Nop, werkt niet! Tenzij je de focus behoudt op die link (je ziet er dan stippeltjes omheen staan). Klik maar eens naast de link en *PLOP* dag kleurtje!!! ;) :evil:

[anoniem]

[quote:1b7a36b671="Buur"]Nop, werkt niet! Tenzij je de focus behoudt op die link (je ziet er dan stippeltjes omheen staan). Klik maar eens naast de link en *PLOP* dag kleurtje!!! ;) :evil:[/quote:1b7a36b671]Ja, dat had ik ook al gezien, maar zolang je nergens (binnen de pagina) klikt blijft de kleur. Als je dan a:visited weer een andere kleur geeft dan een onbezochte link is het wel redelijk duidelijk... wat moet je eigenlijk met nog meer functionaliteit?

[anoniem]

Haha, dat bepaal jij toch niet ;) Dat hangt af van de TS. Ik dacht, ik wijs 'm er even op. Het is me trouwens ook niet duidelijk of het in de uiteindelijke site wel om interne anchors binnen 1 pagina gaat. Zo niet, dan gaat het hele verhaal niet op... Maar goed daar komt-ie snel genoeg achter :o

[anoniem]

Let op, de [b:dc87f57943]volgorde[/b:dc87f57943] van de link states doet er ook toe: [url=http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/] link, visited, hover, focus, active[/url].