login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met CSS

Offline sketch_1982 - 09/09/2005 19:20
Avatar van sketch_1982Nieuw lid Ik ben bezig met mijn persoonlijke website en dat is aardig gelukt tot nu toe, alleen heb ik een probleem met het menu.

Met behulp van CSS heb ik een aantal eigenschappen toegekend aan mijn menu zoals kleurgebruik bij HOVER, ACTIVE, enz. Deze eigenschappen werken wel.

Nu mijn vraag/probleem; als ik op een link klik wordt die grijs (zoals ik aangeef in mijn CSS), alleen als ik dan ergens anders klik op de site wordt die link weer zwart 

Dit is het gedeelte van het menu...
  1. A.naw, A:visited.naw {
  2. font-family: "century gothic";
  3. font-size: 20pt;
  4. font-color: #000000;
  5. text-decoration: none;
  6. }
  7.  
  8. A:HOVER, A:ACTIVE {
  9. font-family: "century gothic";
  10. font-size: 20pt;
  11. font-color: #CCCCCC;
  12. text-decoration: underline overline;
  13. }


Als je de links dus ziet, zijn ze gewoon zwart. Ga je er met je muis opstaan, wordt die specifieke link grijs en komen er boven en onder lijnen. Klik je op 1 van die links, blijft die ook grijs en de twee lijnen blijven ook staan.

Dit werkt dus totdat je ergens anders klikt, dan wordt de (actieve) link weer zwart. Ik wil het juist zo dat als de link actief is, die altijd grijs blijft ...

Is dit mogelijk en zo ja, hoe moet ik dat doen :?: 

De URL is http://www.woordsjoemelaar.nl

6 antwoorden

Gesponsorde links
Offline Ontani - 09/09/2005 19:25
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
dit lijkt me enkel mogelijk door verschillende pagina's met verschillende menu's te maken waar elkes keer de link van de pagina die actief is een andere stijl te geven. je zou ook met een phpscript kunnen werken maar dan moet je host wel php ondersteunen
Offline sketch_1982 - 09/09/2005 19:30
Avatar van sketch_1982 Nieuw lid Mijn host ondersteunt wel PHP, alleen ben ik echt een newbie onder de newbies als het om PHP gaat haha ...

Weet je misschien waar ik een voorbeeld van zo´n script kan vinden?
Offline LinkinTED - 10/09/2005 18:12
Avatar van LinkinTED HTML beginner Het is niet A:visited.naw, maar A.naw:visited
Offline Ultimatum - 10/09/2005 20:37
Avatar van Ultimatum PHP expert en ik raad je aan om dit te doen

  1. A.naw {
  2. font-family: "century gothic";
  3. font-size: 20pt;
  4. font-color: #000000;
  5. text-decoration: none;
  6. }
  7.  
  8. A:visited.naw {
  9. font-family: "century gothic";
  10. font-size: 20pt;
  11. font-color: #000000;
  12. text-decoration: none;
  13. }
  14.  
  15. A:HOVER {
  16. font-family: "century gothic";
  17. font-size: 20pt;
  18. font-color: #CCCCCC;
  19. text-decoration: underline overline;
  20. }
  21.  
  22. A:ACTIVE {
  23. font-family: "century gothic";
  24. font-size: 20pt;
  25. font-color: #CCCCCC;
  26. text-decoration: underline overline;
  27. }


is overzichtelijker en kan je precies zien waar de fout zit, en dat is moeilijker als je 2 waardes 8er elkaar zet ;)
Offline sketch_1982 - 13/09/2005 10:37
Avatar van sketch_1982 Nieuw lid is het niet overbodig om dubbele waardes neer te zetten dan? als bijvoorbeeld active en hover gelijk zijn bedoel ik...?

nou ja, iig bedankt voor de reacties zover; ik zal het proberen
Offline Quevi - 14/09/2005 14:39
Avatar van Quevi Nieuw lid Beste,

De volgorde is ook belangrijk:

a.naw:link
{ color:#FFFFFF;
text-decoration: none;
blabla;
}
a.naw:visited
{ color:#FFFFFF;
text-decoration: none;
blabla;
}
a.naw:hover
{ color: #FFFFFF;
text-decoration: underline;
blabla;
}
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.176s