login  Naam:   Wachtwoord: 
Registreer je!
 Forum

OnMouseOver

Offline Tuinstoel - 06/02/2005 10:58
Avatar van TuinstoelPHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td class="mMenu" onMouseOver="this.bgColor='#EEEEEE';" onMouseOut="this.bgColor='#FFFFFF';"><a href="?dev=contact">Contact</a></td>

En dat is niet xhtml valid, en dat wou ik nou net wel hebben.
Hoe kun je dit anders maken, omdat onMouseOver & onMouseOut niet xhtml valid zijn.

12 antwoorden

Gesponsorde links
Offline freddyboeke - 06/02/2005 10:59
Avatar van freddyboeke HTML beginner ik denk dat je dit met javascript moet oplossen. Maar daar ken ik niet zoveel van.
Offline NCube - 06/02/2005 11:07 (laatste wijziging 06/02/2005 11:07)
Avatar van NCube HTML beginner het is niet xhtml valid omdat er geen hoofdletters mogen worden gebruikt voor attributes, het moet dus gewoon onmouseover="" en onmouseout="" zijn.
Offline Tuinstoel - 06/02/2005 11:13
Avatar van Tuinstoel PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. Line 17, column 31: there is no attribute "onmousover"
  2.  
  3. <td class="mMenu" onmousover="this.bgcolor='#EEEEEE';" onmouseout="this.bgcolo

Nu krijg ik alleen die fout nog
Offline RinkXing - 06/02/2005 11:14 (laatste wijziging 06/02/2005 11:22)
Avatar van RinkXing HTML beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. Line 17, column 31: there is no attribute "onmousover"
  2.  
  3. <td class="mMenu" onmousover="this.bgcolor='#EEEEEE';" onmouseout="this.bgcolor">

Om te beginnen sluit je hem niet goed af;-)

Je kunt het ook natuurlijk met CSS doen hé:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. a:link {
  6. 	color: #kleur;
  7. 	text-decoration: none;
  8. }
  9. a:visited {
  10. 	color: #kleur;
  11. 	text-decoration: none;
  12. }
  13. a:hover {
  14. 	font-weight: bold;
  15. 	color: #kleur;
  16.  
  17. }
  18. -->
  19. </style></head><body><a href="link">Contact</a>
  20. </body>
  21. </html>
Offline NCube - 06/02/2005 11:25
Avatar van NCube HTML beginner Er staat onmousover, het moet zijn onmouseover 
Het zou idd ook met css kunnen worden gedaan, heb het zelf wel eens gedaan, maar IE pakte het niet altijd.
Offline Tuinstoel - 06/02/2005 11:34
Avatar van Tuinstoel PHP expert Ik heb het al anders opgelost, d.m.v css, met dank aan RinkXing.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .mMenu
  2. 	{
  3. 	border: 1px solid #222222;
  4. 	text-align: center;
  5. 	font-size: 10pt;
  6. 	background-color: #FFFFFF;
  7. 	}
  8. .mMenu:hover
  9. 	{
  10. 	background-color: #000000;
  11. 	}


En dan doe je dat zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td class="mMenu"><a href="?dev=home">Home</a></td>


Danku allen.
Offline dexus - 06/02/2005 16:59 (laatste wijziging 06/02/2005 16:59)
Avatar van dexus HTML beginner dat werkt niet in IE...
zo wel:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .mMenu {
  2.    margin:0;
  3.    padding:0;
  4. }
  5. .mMenu a {
  6.     border: 1px solid #222;
  7.     text-align: center;
  8.     font-size: 10pt;
  9.     background-color: #FFF;
  10.     width:100%;
  11.     height:100%;
  12.     display:block;
  13.     margin:0;
  14.     padding:0;
  15. }
  16. .mMenu a:hover {
  17.     background-color: #000;
  18. }
Offline Legolas - 30/11/1999 00:00
Avatar van Legolas Onbekend je moet gewoon geen hoofdletters plaatsen in de attributen, verder is t gewoon primaa^^
Offline Legolas - 30/11/1999 00:00
Avatar van Legolas Onbekend ja inderdaad kun je de hover vorm natuurlijk behalve voor hyperlinks overal op toepassen. slim bedachtlamp
Offline Fenrir - 30/11/1999 00:00
Avatar van Fenrir PHP expert IE accepteert hover alleen voor hyperlinks, dit werkt dus NIET in IE, maar wel in FF, etcrnrn[code]divhoverrn{rnbackground #666;rn}[code]
Offline Rens - 30/11/1999 00:00
Avatar van Rens Gouden medaille

Crew algemeen		 @tuinstoel onmousover zal ut idd niet doetrnonmouseover zal beter werken lijkt meD
Offline Fenrir - 30/11/1999 00:00
Avatar van Fenrir PHP expert @Rensjuh je hebt helemaal gelijk, onmousover zal ut idd niet doetrnonmouseover zal beter werken lijkt me D
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.272s