login  Naam:   Wachtwoord: 
Registreer je!
 Forum

class maken met link

Offline Duikboot - 29/01/2005 14:26
Avatar van DuikbootGrafische gevorderde Hey,
Ik ben mijn css code aan het veranderen, alleen nu wil ik mijn menu link een andere style dan de rest geven. Ik moet dan een class maken, maar hoe ik dat doe en wat er dan bij in de link moet staan weet ik niet (dit is mijn eerste keer echt css'en)
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* gewone tekst en links */
  2. body {
  3. font-family : "Verdana"; 
  4. color : black; 
  5. } 
  6. A:Link {color:black;text-decoration:none;}
  7.  
  8. A:Visited {color:black;text-decoration:none;}
  9.  
  10. A:Hover {color:black; filter:blur; height:0;}
  11. // hier komt dat die class met de naam menu
  12. a.menu {
  13. 	A:Link {color:black;text-decoration:bold;}
  14.  
  15. A:Visited {color:black;text-decoration:bold;}
  16.  
  17. A:Hover {color:Red; filter:blur; height:0;}
  18. }


maar heb geen idee of dit goed is, en hoe de link dan moet worden...

3 antwoorden

Gesponsorde links
Offline giga - 30/01/2005 00:34 (laatste wijziging 30/01/2005 01:39)
Avatar van giga HTML beginner Beste duikboot,

Je wilt dus je menu links anders stylen dan de rest van je pagina links ?

Dus maak je een class aan
class=
.menulink a:link, .menulink a:visited, .menulink a:hover, .menulink a:active {text-decoration:none; blaat;blabla; bluut:#455;}

Let erop dat je dezelfde volgorde gebruikt, is belangrijk.
De kleur bepaling black kan je gerust weglaten daar de tekst autoatisch zwart is als je niets bepaald.

in je (x)html gebruik je dan
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="pagina.html" class="menulink">een link </a>
Offline Thomas - 30/01/2005 01:00
Avatar van Thomas Moderator euh, moet dat niet

php code - Bekijk de code zonder highlighting - Klap code in 
  1. a.klasse_naam:link { ... }
  2. a.klasse_naam:visited { ... }
  3. a.klasse_naam:hover { ... }
  4. a.klasse_naam:active { ... }


zijn ?
Offline giga - 30/01/2005 01:39
Avatar van giga HTML beginner Ja inderdaad, was een beetje te ijverig, is ook aangepast in vorig bericht
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s