Ver Mensaje Individual
  #9 (permalink)  
Antiguo 14/07/2013, 03:36
Avatar de raptor96
raptor96
 
Fecha de Ingreso: diciembre-2007
Ubicación: aranjuez
Mensajes: 102
Antigüedad: 16 años, 4 meses
Puntos: 1
Respuesta: Varias imágenes en CSS

Pues nada, ahora me sale la primera y el hover lo hace donde quiere, he probado con colores a ver si funcionaba y si, con lo cual definitivamente el problema esta en algun sitio del codigo que tengo o que para las imagenes que tienen hover y active hay que hacer otra cosa.

Te dejo el codigo a ver si lo ves tu, por que a mi me parece que esta bien...

Cita:

<html>
<head>
<title>Probando...</title>

<style type="text/css">
.Descargar {
width: 45px;
height: 45px;
}
a.Descargar {display: block;
height: 100%;
width: 100%;
background: url(Boton1.png) no-repeat;
}
a.Descargar:hover {background: url(Boton1ON.png) no-repeat;
}
a.Descargar:active {background: url(Boton1OFF.png) no-repeat;
}

.YouTube {
width: 45px;
height: 45px;
}
a.YouTube {display: block;
height: 100%;
width: 100%;
background: url(Boton2.png) no-repeat;
}
a.YouTube:hover {background: url(Boton2ON.png) no-repeat;
}
a.YouTube:active {background: url(Boton2OFF.png) no-repeat;
}

.Logo {
width: 45px;
height: 41px;
}
a.Logo {display: block;
height: 100%;
width: 100%;
background: url(Boton3.png) no-repeat;
}
a.Logo:hover {background: url(Boton3ON.png) no-repeat;
}
a.Logo:active {background: url(Boton3OFF.png) no-repeat;
}
</style>

</head>
<body>

<center>
<a class="Descargar" href="Http://www.google.es/" target="_Blank"></a><br>
<br>
<br>
<a class="YouTube" href="Http://www.YouTube.com/DJRaptorOficial" target="_Blank"></a><br>
<br>
<br>
<a class="Logo" href="Http://DJRaptor.do.am/" target="_Blank"></a><br>
</center>

</body>
</html>