login  Naam:   Wachtwoord: 
Registreer je!
 Forum

td veranderen bij mouseover (Opgelost)

Offline qubus - 27/03/2008 18:50 (laatste wijziging 27/03/2008 18:50)
Avatar van qubusLid Hallo,

Ik heb een navigatie onderaan een pagina, waarbij elk paginanummer in een <td> wordt gezet. Nou zou ik de achtergrondkleur van de hele <td> willen laten veranderen bij een mouseover. Ik heb het volgende, maar dan veranderd alleen een klein blokje direct om het cijfer van kleur:

  1. td.navcijfer {
  2. background-color: #ffffff;
  3. border-style:solid;
  4. border-color: #686ea6;
  5. border-width:1px;
  6. color: #116711;
  7. font-family:Verdana, Arial, Helvetica, sans-serif;
  8. font-size: x-small;
  9. width: 20px;
  10. height:10px;
  11. text-align:center;
  12. }
  13.  
  14. td.navcijfer a:hover{
  15. background-color: #686ea6;
  16. border-style:solid;
  17. border-color: #686ea6;
  18. border-width:1px;
  19. color: #ffffff;
  20. font-family:Verdana, Arial, Helvetica, sans-serif;
  21. font-size: x-small;
  22. width: 20px;
  23. height:10px;
  24. text-align:center;
  25. }


Wie weet een oplossing?

Alvast bedankt!!!

4 antwoorden

Gesponsorde links
Offline yetti4 - 27/03/2008 18:57 (laatste wijziging 27/03/2008 19:02)
Avatar van yetti4 JS interesse doe geen moeite met :hover

<td onmouseover="this.style=backgroundColor=#686ea6">
zou moeten werken

edit: onmouseout moet natuurlijk ook 
Offline Martijn - 27/03/2008 18:59 (laatste wijziging 27/03/2008 19:00)
Avatar van Martijn Crew PHP
  1. tr.off { background:inherit;}
  2. tr.on {background: #999999;}

zijn mijn 2 dingen, die ik aanroep in de TR zelf:
  1. <tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">


edit: Maar ik geloof dat de post hierboven makkelijker is 
Offline qubus - 27/03/2008 19:02
Avatar van qubus Lid Nee, als ik het alsvolgt doe niet...???

  1. <td class="navcijfer" onmouseover="this.style=backgroundColor:#686ea6">


Verder nog oplossingen, behalve de 'class=navcijfer' weglaten?

Offline yetti4 - 27/03/2008 19:05 (laatste wijziging 27/03/2008 19:07)
Avatar van yetti4 JS interesse Probeer dit dan:
  1. <td onmouseover="this.style.backgroundColor='#686ea6'">

edit: dit werkt wel, getest.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.351s