Foros del Web » Creando para Internet » CSS »

Problema validador

Estas en el tema de Problema validador en el foro de CSS en Foros del Web. Hola a todos, Tengo esto: Código: <div id="menu1" class="menulateral"><a href="prueba.html" onmouseover="set_img_on('b1','b');msg_on(1);return true;" onMouseOut="set_img_off('b1','b');msg_off()">La Prueba</a></div> Lo que hace, es un enlace de hipertexto, cuando se pasa ...
  #1 (permalink)  
Antiguo 15/05/2007, 10:52
 
Fecha de Ingreso: febrero-2007
Mensajes: 244
Antigüedad: 10 años, 9 meses
Puntos: 0
Problema validador

Hola a todos,

Tengo esto:

Código:
<div id="menu1" class="menulateral"><a href="prueba.html" onmouseover="set_img_on('b1','b');msg_on(1);return true;" onMouseOut="set_img_off('b1','b');msg_off()">La Prueba</a></div>
Lo que hace, es un enlace de hipertexto, cuando se pasa sobre él, hay una imagen que cambia.

Al pasar el validador de accesibilidad: http://webxact3.watchfire.com me dice esto:

Cita:
Make sure event handlers do not require use of a mouse.

For event handlers that do more than just change the presentation of an element, such as change color when the mouse moves over an item, consider the following:

* Use application-level event triggers rather than user interaction-level triggers. In HTML 4.0, application-level event attributes are "onfocus", "onblur" (the opposite of "onfocus"), and "onselect". These events are triggered when something happens on the page regardless of how the user causes it to happen. For example, an "onfocus" event occurs when a control receives the focus, whether that is done by clicking the mouse or by using the keyboard. By contrast, device-dependent events only occur when a particular device is in use. A "onmousedown" event, which also can give a control the focus, is only triggered by a mouse action, and other means of giving focus to the control will not be responded to
* If you must use device-dependent attributes, provide redundant input mechanisms; for example, specify two handlers for the same element, both of which have the same code associated with them:
Entonces, cambio mi código por lo siguiente:

Código:
<div id="menu1" class="menulateral"><a href="prueba.html" onfocus="set_img_on('b1','b');msg_on(1);return true;" onblur="set_img_off('b1','b');msg_off()">La Prueba</a></div>
Y ahora me pasa el validador, pero no me funciona bien, no me cambia la imagen cuando paso sobre el enlace.

Espero que alguien me pueda ayudar.

Gracias.
  #2 (permalink)  
Antiguo 15/05/2007, 16:43
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: Problema validador

si, entiendo eso, el caso es que "puedes manejar eso con CSS y no con javascript, me explico

si tienes la clase menulateral y dentro de ella tienes un enlace (a), por que no tratas los siguiente:

Código PHP:
<style type="text/css">
.
menulateral a{
  
width100&#37;; //le doy un ancho al link
  
height:10px//le doy un alto al link
  
color:#FF00FF; //el color que mas te guste
  
background-image:url(imagen.jpg);
}

.
menulateral a:hover //aqui manejas el cambio de imagen de background para los links
  
background-image:url(otra_imagen.jpg);
}
</
style
yo diria que a eso se refiere, trata de hacerlo via CSS y no con JavaScript,

Saludos
__________________
www.dataautos.com
  #3 (permalink)  
Antiguo 18/05/2007, 17:16
 
Fecha de Ingreso: febrero-2007
Mensajes: 244
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Problema validador

Hola asinox,

Llevas razón no había caído en esa opción, pero ahora mi problema es: no quiero cambiar el fondo al enlace, sino que quiero cambiar otra imagen que hay en otro sitio. Para eso tengo hecha una función javascript, pero en la hoja de estilo creo que no lo puedo poner ........
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:53.