18/04/2008, 05:25
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes Puntos: 280 | |
| Re: Problema con posición en IE y Mozilla. Parece fácil, pero no logro solucionarlo.
Prueba este código: Cita: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title>Cien por cien de alto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#contenedor {position: relative;
}
.thumbnail{ z-index: 0;
text-decoration: none;
}
.thumbnail:hover { background-color: transparent;
z-index: 1;
}
.thumbnail span {
padding: 5px;
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0;
}
.thumbnail:hover span { visibility: visible;
top: 0px;
left: 60px;
}
</style>
</head>
<body>
<div id="contenedor">
<a href="http://www.xyberneticos.com/" class="thumbnail"><img src="http://img513.imageshack.us/img513/173/foto1ee2.jpg" border="0" height="150" width="200"><span><img src="http://img513.imageshack.us/img513/173/foto1ee2.jpg"><br>
Aqui puedes añadir una pequeña referencia de la foto </span></a></div>
</body>
</html> A ver qué tal.
Mikel. |