Buenas, he estado haciendo una caratula para mis temas que tenga botones en el margen de "Descargar" y "Verlo en YouTube". Se me ocurrió hacerlos como botones que se encendieran al pasar el cursor y que se oprimieran al hacerles click.
Me recomendaron hacerlo con CSS y con la ayuda de los usuarios de este foro lo he conseguido. Ahora se me presenta otro problema, les explico:
Al ser 3 botones que se encienden y oprimen, solo me sale el ultimo citado en el CSS.
Sospecho que sera por el código que tengo en el CSS de modo que se lo cito:
Cita:
<style type="text/css">
#Descargar {
width: 45px;
height: 45px;
}
a {display: block;
height: 100%;
width: 100%;
background: url(Boton1.png) no-repeat;
}
a:hover {background: url(Boton1ON.png) no-repeat;
}
a:active {background: url(Boton1OFF.png) no-repeat;
}
#YouTube {
width: 45px;
height: 45px;
}
a {display: block;
height: 100%;
width: 100%;
background: url(Boton2.png) no-repeat;
}
a:hover {background: url(Boton2ON.png) no-repeat;
}
a:active {background: url(Boton2OFF.png) no-repeat;
}
#Logo {
width: 45px;
height: 41px;
}
a {display: block;
height: 100%;
width: 100%;
background: url(Boton3.png) no-repeat;
}
a:hover {background: url(Boton3ON.png) no-repeat;
}
a:active {background: url(Boton3OFF.png) no-repeat;
}
</style>
Un saludo.