Toon posts:

[CSS] Dynamisch kleuren van links

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een lijst met linkjes, deze heb ik een uniek id gegeven. De linkjes zijn absoluut gepositioneerd door ze per stuk in een div te zetten. Het ziet er ongeveer zo uit:
code:
1
2
3
4
5
6
7
8
<div id="linklijst">
  <div style="position: absolute; left:0px; top:0px">
    <a id="1" href="dezepagina.php?id=1">Link</a>
  </div>
  <div style="position: absolute; left:75px; top:75px">
    <a id="2" href="dezepagina.php?id=2">AndereLink</a>
  </div>
</div>

Ik wil graag dat alle linkjes geen onderstreping hebben en dat het geklikte linkje een andere kleur krijgt.

Ik broed op een oplossing en ik kwam tot dit:
code:
1
2
3
4
5
6
7
<style>
#linklijst a{
text-decoration: none;
}
#linklijst a#<?=$gekozenid?>{
color:green;
}

Volgens mij (en topics op GoT en zoekresultaten op google steunen mij hierin) zou dit resultaat moeten hebben.
Het probleem is alleen dat het gekozen linkje niet groen wordt, wel verdwijnen alle onderstrepingen.
Kan mijn "dynamische stylesheet" idee niet? Of doe ik iets stoms :P?

  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Cascading Stylesheet:
1
2
3
4
5
6
#linklijst a {
  text-decoration: none;
}

#linklijst a:visited { color:green; }
#linklijst a:active { color:green; }


Ik denk dat jij de zoekresultaten en de topics op got verkeerd interpreteerd ;)

[ Voor 23% gewijzigd door André op 26-11-2004 11:21 ]


Verwijderd

Topicstarter
André schreef op vrijdag 26 november 2004 @ 11:20:
Cascading Stylesheet:
1
2
3
4
5
6
#linklijst a {
  text-decoration: none;
}

#linklijst a:visited { color:green; }
#linklijst a:active { color:green; }


Ik denk dat jij de zoekresultaten en de topics op got verkeerd interpreteerd ;)
Dank voor je reactie. Misschien dat ik het niet duidelijk heb kunnen maken, maar het gaat er alleen om dat het laatst geklikte linkje een andere kleur krijgt.
Toch bedankt voor je reactie.
Uiteindelijk bleek de oplossing een stukje simpeler |:(.
Een id mag (blijkbaar O-) ) niet bestaan uit een getal. Ik heb nu bij het id van de link en in de stylesheet 'link' voor het getal gezet en nu werkt het.
Ik ga me daar in de hoek diep schamen, goed? :P

  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Aha op die manier, je schrijft met php die css om zo die geklikte link te kleuren, dat was mij niet duidelijk uit de TS :)

Verwijderd

Topicstarter
André schreef op vrijdag 26 november 2004 @ 11:31:
Aha op die manier, je schrijft met php die css om zo die geklikte link te kleuren, dat was mij niet duidelijk uit de TS :)
Het enige wat ik eigenlijk doe is de GET waarde van id uit de link in de stylesheet zetten zodat de zojuist geklikte link een kleurtje krijg. Ik dacht niet dat het uitleggen van dit principe invloed had op de uiteindelijke oplossing.
Misschien zijn er nettere manieren om dit (met CSS) af te vangen, maar dit is functioneel. :D