Foros del Web » Creando para Internet » CSS »

hover no trabaja

Estas en el tema de hover no trabaja en el foro de CSS en Foros del Web. Se quiere que al pasar el mouse sobre la imagen esta se coloque en grande este es mi código y no me funciona, por favor ...
  #1 (permalink)  
Antiguo 06/08/2010, 18:32
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Pregunta hover no trabaja

Se quiere que al pasar el mouse sobre la imagen esta se coloque en grande
este es mi código y no me funciona, por favor alquien que quiera ayudarme, donde esta el error. Trabajando con CSS soy un desastre

.imageStyle
{

padding: 3px;
background-color: #525252;
border: 1px solid #c3cfd3;
}

la primera parte funciona bien pero el hover NADA

.imageStyle:hover
{
width: 220px; height : 220px

}


<form id="form1" runat="server">
<div>

<div style="z-index: 101; left: 100px; width: 349px; position: absolute; top: 100px;
height: 50px" id ="img" >

<asp:Image ID="Image1" CssClass="imageStyle" runat="server" Height="84px" ImageUrl="~/fotos/geely.gif"
Width="82px" />

</div>

</div>
</form>

Gracias
  #2 (permalink)  
Antiguo 06/08/2010, 20:31
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: hover no trabaja

bueno es muy extraño probé algo muy parecido y corre sin problemas.
  #3 (permalink)  
Antiguo 06/08/2010, 20:33
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: hover no trabaja

Gracias por contestar man, podrías enviar tu código para comparar y así salir de este dolor de cabeza
gracias
  #4 (permalink)  
Antiguo 06/08/2010, 21:25
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: hover no trabaja

aca esta

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. img:hover{ width:300px; height:300px;}
  6. </head>
  7.  
  8. <img src="img/head_pdf.gif" width="329" height="53" />
  9. </body>
  10. </html>
  #5 (permalink)  
Antiguo 07/08/2010, 03:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: hover no trabaja

Hola:

¿Con qué navegador trabajas? Por ejemplo, el IE6 no admite las pseudoclases si no es en un enlace.

Saludos.

  #6 (permalink)  
Antiguo 07/08/2010, 11:01
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: hover no trabaja

Gracias por contestar, pero una cosa que yo no entiendo por que de CSS soy muy novato mira yo tengo

ASP.NET

X. ) <asp:Image ID="Image1" CssClass="imageStyle" runat="server" Height="84px" ImageUrl="~/fotos/geely.gif"
Width="82px" />

mientras que tu tienes

A.) <img src="img/head_pdf.gif" width="329" height="53" />

B.) img:hover{ width:300px; height:300px;}

lo que entiendo, se relaciona A con B.

hice esto para relacionar X con B y no funciono
Image:hover{ width:300px; height:300px;}, tambien coloque CssClass y tampoco funciona

.imageStyle
{ width:300px; height:300px;}

Total como lo hago???
estoy usando segun VB 2005 IE8, por que cuando corre la pagina ejecuta IE
  #7 (permalink)  
Antiguo 08/08/2010, 10:45
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: hover no trabaja

Listo, ya ubique el detalle y lo habia solucionado con javascript, pero CSS es mucho mas facil y menooooos codigo aqui estaba el problema, yo trabajo con asp.net pero no todos los controles de ASP.NET trabajan con CSS o al menos yo desconozco (soy muy Novato con CSS)

<td style="width: 117px; height: 32px">
<img src='<%#Eval("fotoparte") %>' width="104px" height="100px" alt="No Hay Imagen Disponible" id="Image2"" />
</td>

CSS

<style type="text/css">

img:hover{ width:300px; height:300px;}
</style>

Etiquetas: hover, trabajo
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 05:37.