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:

css code - Bekijk de code zonder highlighting - Klap code in 
  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
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. tr.off { background:inherit;}
  2. tr.on {background: #999999;}

zijn mijn 2 dingen, die ik aanroep in de TR zelf:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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...???

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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.176s