login  Naam:   Wachtwoord: 
Registreer je!
 Forum

verschillende a's

Offline robmoorman - 13/04/2006 12:24
Avatar van robmoormanPHP interesse ik heb dus met css mijn tekst in het midden een andere kleur dan de blokken eromheen..

nu wil ik dat ik de links (<a>'s) ook een andere kleur hebben bij de twee vershillende kleuren.
nu heb ik voor de blooken, de code:
  1. .block
  2. {
  3. background-image:url('../gfx/block-bg.gif');
  4. background-repeat: repeat-x;
  5. padding-left: 4px;
  6. padding-right: 4px;
  7. color: #484848;
  8. }


hoe kan ik nou de links in het blok een andere kleur geven dan de "normale" links,

iets met a.block ofzo ??

bvd rob

13 antwoorden

Gesponsorde links
Offline Ultimatum - 13/04/2006 12:26
Avatar van Ultimatum PHP expert a.naam:link
a.naam:hover
a.naam:visited
Offline Pieter - 13/04/2006 12:37
Avatar van Pieter Gouden medaille

SEO guru
.block a:hover {
text-decoration: none;
color: #6998CC;
}
Offline robmoorman - 13/04/2006 12:39
Avatar van robmoorman PHP interesse a.block:link pakt hij niet sry 
hier mijn complete code

  1. body
  2. {
  3. margin: 0px;
  4. font-size: 11px;
  5. color: #d8d8d6;
  6. font-family: Verdana, Sans-Serif;
  7. vertical-align: top;
  8. }
  9. a
  10. {
  11. color: #d8d8d6;
  12. text-decoration: none;
  13. }
  14. a:visited
  15. {
  16. color: #d8d8d6;
  17. text-decoration: none;
  18. }
  19. a:hover
  20. {
  21. color: #ddff00;
  22. text-decoration: none;
  23. }
  24. td
  25. {
  26. font-size: 11px;
  27. color: #d8d8d6;
  28. vertical-align: top;
  29. font-family: verdana, arial;
  30. }
  31. form, textarea, select, input
  32. {
  33. color: #484848;
  34. font-size: 9px;
  35. font-family: Verdana, Sans-Serif;
  36. margin: 1px;
  37. }
  38. a.block:link
  39. {
  40. color: #484848;
  41. text-decoration: none;
  42. }
  43. a.block:visited
  44. {
  45. color: #484848;
  46. text-decoration: none;
  47. }
  48. a.block:hover
  49. {
  50. color: #484848;
  51. text-decoration: none;
  52. }
  53. .block
  54. {
  55. background-image:url('../gfx/block-bg.gif');
  56. background-repeat: repeat-x;
  57. padding-left: 4px;
  58. padding-right: 4px;
  59. color: #484848;
  60. }
  61. .grey
  62. {
  63. color: #9a9a9a;
  64. }
  65. .green
  66. {
  67. color: #ddff00;
  68. }
  69. .title
  70. {
  71. font-size: 14px;
  72. font-family: Verdana, Sans-Serif;
  73. color: #ddff00;
  74. }
  75. .form
  76. {
  77. color: #484848;
  78. font-size: 9px;
  79. font-family: Verdana, Sans-Serif;
  80. background-image:url('../gfx/form-bg.gif');
  81. background-repeat: repeat-x;
  82. }
  83. .content
  84. {
  85. padding-left: 15px;
  86. padding-right: 15px;
  87. }
  88. .small
  89. {
  90. font-size: 9px;
  91. font-family: Verdana, Sans-Serif;
  92. vertical-align: middle;
  93. }
Offline Ultimatum - 13/04/2006 13:09
Avatar van Ultimatum PHP expert hoe roep je hem aan dan?, ik hoop niet in een div 

maar zo
  1. css
  2. a.naam:link
  3. a.naam:hover
  4. a.naam:visited


  1. normale bestand
  2. <a href="#" class="naam">Link1</a>


dit werkt bij mij 
Offline robmoorman - 17/04/2006 20:13 (laatste wijziging 17/04/2006 20:14)
Avatar van robmoorman PHP interesse nee nee ik heb de class gedefineerd in een <td>, in die cel moet dus al die links goed komen 

  1. a.style1:visited, a.style1:link
  2. {
  3. color: #d8d8d6;
  4. text-decoration: none;
  5. }

  1. <td width="570px" style="background-image: url('gfx/background-content.gif');" class="style1">
  2. {content}
  3. </td>
Offline Rens - 17/04/2006 23:37
Avatar van Rens Gouden medaille

Crew algemeen
Ja, en dat werkt dus niet.
Je moet ze in je <a...> mee geven.
Offline Ontani - 18/04/2006 00:32
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
't is zo:

  1. .classname a {
  2. color: #d8d8d6;
  3. }
Offline Pieter - 18/04/2006 12:50
Avatar van Pieter Gouden medaille

SEO guru
Had je trouwens al geweten als je mijn reply had gelezen g0dlike..:s
Offline robmoorman - 18/04/2006 12:54
Avatar van robmoorman PHP interesse ok nu heb ik dus

  1. .style1
  2. {
  3. color: #d8d8d6;
  4. }
  5. .style1 a, a.style1:visited
  6. {
  7. color: #d8d8d6;
  8. text-decoration: none;
  9. }
  10. a.style1:hover
  11. {
  12. color: #ddff00;
  13. text-decoration: none;
  14. }


me linkjes zijn nu de juiste kleur, maar mijn hover is de kleur als #d8d8d6....
Offline Pieter - 18/04/2006 12:57
Avatar van Pieter Gouden medaille

SEO guru
*sigh*
  1. .style1 a:hover
  2. {
  3. color: #ddff00;
  4. text-decoration: none;
  5. }
Offline littlesista - 21/09/2006 12:04 (laatste wijziging 21/09/2006 12:05)
Avatar van littlesista Nieuw lid Ik haal deze vraag nog maar eens naar boven, zit namelijk met een zelfde vraag. Alle links op mijn pagina zijn rood, maar één link staat in een rood tekstvak en moet dus een andere kleur krijgen.....
Hoe verander je de CSS voor die ene link??????

Groeten,

LittleSista
Offline xSc - 21/09/2006 12:11
Avatar van xSc Onbekend a.block:link
{

}

a.block:hover
{

}

a.block:visited
{

}

Bovenstaand zijn dus classes.

a.block
{


}

bevat de algemene style van het a-element.
Offline Ultimatum - 21/09/2006 12:11
Avatar van Ultimatum PHP expert a.menu:link {} en dan kan je met <a class='menu' href='#'></a> een ander kleur op deze link afroepen
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.253s