login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 verschillende linken

Offline Stijn - 27/06/2005 01:27
Avatar van StijnPHP expert hallo

is het mogelijk om in een CSS document 2 verschillende linken te maken? Ik heb dit opgestelt maar als ik nu een link aan iets leg, hoe weet hij dan dat hij dit moet kiezen en niet dat 

  1. /*General links*/
  2. a:link {
  3. color: #FFFFFF;
  4. text-decoration: none;
  5. }
  6. a:visited {
  7. text-decoration: none;
  8. color: #FFFFFF;
  9. }
  10. a:hover {
  11. text-decoration: underline;
  12. color:#CCCCCC;
  13. }
  14. a:active {
  15. text-decoration: none;
  16. color: #FFFFFF;
  17. }
  18.  
  19. /*links voor het menu*/
  20. a.m:link {
  21. color: #FFFFFF;
  22. text-decoration: none;
  23. }
  24. a.m:visited {
  25. text-decoration: none;
  26. color: #FFFFFF;
  27. }
  28. a.m:hover {
  29. text-decoration: underline;
  30. color:#CCCCCC;
  31. }
  32. a.m:active {
  33. text-decoration: none;
  34. color: #FFFFFF;
  35. }


groeten stijn 

4 antwoorden

Gesponsorde links
Offline Ontani - 27/06/2005 01:30 (laatste wijziging 27/06/2005 01:34)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
  1. <style type="text/css">
  2. <!--
  3. a {
  4. color:#666666;
  5. }
  6. a.m {
  7. color:#FF0000;
  8. }
  9. -->
  10. </style>
  11.  
  12. <body>
  13. <a href="test">test</a><br/>
  14. <a href="test" class="m">test</a>
  15. </body>


@ Rensjuh: ik denk da em de bedoeling wel snapte als ge kijkt naar zo'n post had ie die dingen al allemaal en moest em alleen nog class="m" toevoegen
Offline Rens - 27/06/2005 01:32 (laatste wijziging 27/06/2005 01:35)
Avatar van Rens Gouden medaille

Crew algemeen
Zoals ontani heeft voor alle links, dus hover en active en visited en link.
Bij het onderstaande kun je het apart instellen:

  1. <style type="text/css">
  2. /*General links*/
  3. a:link {
  4. color: #FFFFFF;
  5. text-decoration: none;
  6. }
  7. a:visited {
  8. text-decoration: none;
  9. color: #FFFFFF;
  10. }
  11. a:hover {
  12. text-decoration: underline;
  13. color:#CCCCCC;
  14. }
  15. a:active {
  16. text-decoration: none;
  17. color: #FFFFFF;
  18. }
  19.  
  20. /*links voor het menu*/
  21. a:link.m {
  22. color: black;
  23. text-decoration: none;
  24. }
  25. a:visited.m {
  26. text-decoration: none;
  27. color: black;
  28. }
  29. a:hover.m {
  30. text-decoration: underline;
  31. color: green;
  32. }
  33. a:active.m {
  34. text-decoration: none;
  35. color: black;
  36. }
  37. </style>
  38.  
  39. <a href="test">test</a><br />
  40. <a href="test" class="m">test</a>


@Ontani: Jah, ik denk wel dat je gelijk hebt...
Maar het zit zo, ik was al aan de code begonnen dus heb ik de code er toch maar op gezet.
Zodat ik er niet voor nix aan begonnen was:)
Offline Ontani - 27/06/2005 01:36
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
hehe, 't is u vergeven 
Offline Stijn - 27/06/2005 01:41
Avatar van Stijn PHP expert ok, Bedankt Alweer probleem van de baan 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s