login  Naam:   Wachtwoord: 
Registreer je!
 Forum

aparte link css style

Offline spaceflippie - 15/06/2007 22:34
Avatar van spaceflippieNieuw lid hey ik zou graag voor verschillende dingen een verschillen a : hover , a : link , ... willen hebben. Hoe doe ik dit?

bv

menu {
a : hover ......
}

maar ik weet niet wat er tussen {} moet komen

3 antwoorden

Gesponsorde links
Offline marten - 15/06/2007 22:36 (laatste wijziging 15/06/2007 22:38)
Avatar van marten Beheerder fout
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="test.php" class="link1">Link1</a>
  2. <a href="test2.php" class="link2">Link2</a>


Css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. a.link1 {
  2.     .....
  3. }
  4.  
  5. a.link1:hover {
  6.      text-decoration: 0;
  7. }
  8.  
  9. a.link1:visited {
  10.      color: #dcdcdc;
  11. }
  12.  
  13.  
  14. a.link2 {
  15.     .....
  16. }
  17.  
  18. a.link2:hover {
  19.      text-decoration: 0;
  20. }
  21.  
  22. a.link2:visited {
  23.      color: #dcdcdc;
  24. }

Dus a.<classnaam> en dan moet je zelf de eigenschappen van de link er nog bij zetten. Dus kleur, text-decoratie enz enz. En dat moet tussen de {}
Offline Depypere - 15/06/2007 23:47 (laatste wijziging 15/06/2007 23:48)
Avatar van Depypere HTML interesse dit bv:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. background: url(but_rollover.gif) no-repeat left top;
  2.  text-decoration: none;

Als je met verschillende afbeeldingen werkt!
Je werkt beter met 1 afbeelding waar al je rollover naast elkaar staan en dan gewoon met de pixels laten verschuiven dit gaat rapper.
dan moet je dit er bij zetten:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. background-position: -89px(hoeveel px hij moet opschuiven!) 0;
  2.  text-decoration: none;


Ik raad je aan om met een container te werken, persoonlijk vindt ik dit makkelijker^^
Offline spaceflippie - 16/06/2007 11:49
Avatar van spaceflippie Nieuw lid hartelijk bedankt !
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s