hover no trabaja

chuchufuentes · #1 (**permalink**) 06/08/2010, 17:32

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

tredio · #2 (**permalink**) 06/08/2010, 19:31

bueno es muy extraño probé algo muy parecido y corre sin problemas.

chuchufuentes · #3 (**permalink**) 06/08/2010, 19:33

Gracias por contestar man, podrías enviar tu código para comparar y así salir de este dolor de cabeza
gracias

tredio · #4 (**permalink**) 06/08/2010, 20:25

aca esta

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
img:hover{ width:300px; height:300px;}
</style>
</head>
 
<body>
<img src="img/head_pdf.gif" width="329" height="53" />
</body>
</html>

jomaruro · #5 (**permalink**) 07/08/2010, 02:14

Hola:

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

Saludos.

chuchufuentes · #6 (**permalink**) 07/08/2010, 10:01

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

chuchufuentes · #7 (**permalink**) 08/08/2010, 09:45

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>