Foros del Web » Creando para Internet » CSS »

Rollover Complejo

Estas en el tema de Rollover Complejo en el foro de CSS en Foros del Web. Hola a todos, He tenido que sustituir un rollover normal por una imagen porque se ha tenido que incluir un form. En fin, antes había ...
  #1 (permalink)  
Antiguo 20/01/2008, 21:44
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 19 años
Puntos: 8
Rollover Complejo

Hola a todos,

He tenido que sustituir un rollover normal por una imagen porque se ha tenido que incluir un form.

En fin, antes había un efecto que quiero que permanenzca, pero no sé como conseguirlo al estar la imagen en dentro del input, como véis a continuación:

<div id="comp">
<FORM name=cart_quantity action=http://catalogo-mcts.com/Tienda-Virtual/product_info.php?products_id=31&amp;action=add_pro duct method=post>
<INPUT type=hidden value=29 name=products_id><INPUT title=" Comprar" type=image alt="Comprar" src="boton" border=0>
</FORM>
</div>

El caso es que me gustaría poner un hover con otra imágen, pero no se me ocurre cómo conseguirlo. Ni siquiera si tal cosa es posible.

El sistema de rollover sobre enlace es muy simple, bastando con colocar un BACKGROUND: url('Imagen-a.gif') no-repeat; dentro de css correspondiente a la div que contenga en enlace. Después, se coloca lo mismo con la Imagen-g.gif (por ejemplo) como background del A.hover.

En este caso, al presentarse el INPUT, no sé cómo conseguir el mismo resultado.

Espero alguna respuesta a este interesate dilema.

Gracias.

Última edición por JUMASOL; 20/01/2008 a las 22:33
  #2 (permalink)  
Antiguo 21/01/2008, 00:30
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Re: Rollover Complejo

Hola:

El único navegador que no permite el input:hover es explorer, pero si lo quieres para todos debes pensar en javascript onmouseover="this.src = 'rollover.gif'" ...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 21/01/2008, 07:09
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 17 años, 9 meses
Puntos: 2
Re: Rollover Complejo

El ie7 si que permite el hover en todos los elementos actualmente, eso si.. tienes que poner que el html sea xhtml 1.0 strict

Tienes que poner esto en la cabecera html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  #4 (permalink)  
Antiguo 21/01/2008, 17:50
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 19 años
Puntos: 8
Re: Rollover Complejo

Vale.

Cuando lo consiga lo publicaré aquí.

Un saludo.
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 21:44.