Buenas, tengo el siguiente problema.
cambie un boton y le puseimagen de fondo.
mi problema es que el boton ahora no cumple con su funcion solamente hago clic y queda ahi. les paso lo que tengo.
EL CSS
Código PHP:
a.botones{
background: transparent url('../images/botones/botonIzOn.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial; /* Change 13px as desired */
line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 21px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
color: #0C2E72;
}
a:link.botones, a:visited.botones, a:active.botones{
color: #0C2E72; /*button text color*/
}
a.botones span{
background: transparent url('../images/botones/botonDerOn.gif') no-repeat top right;
display: block;
padding: 4px 7px 4px 0; /*Set 7px below to match value of 'padding-left' value above*/
}
a.botones:hover{ /* Hover state CSS */
background: transparent url('../images/botones/botonIzOff.gif') no-repeat top left;
background-position: bottom left;
text-decoration: none;
}
a.botones:hover span{ /* Hover state CSS */
background: transparent url('../images/botones/botonDerOff.gif') no-repeat top right;
background-position: bottom right;
color: #0C2E72;
text-decoration: none;
}
.botoneswrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}
button.botones {
background:transparent url(../images/botones/botonIzOn.gif) left bottom no-repeat;
border:medium none;
clear:left;
color: #0C2E72;
cursor:pointer;
font-family:Arial;
font-size:13px;
padding-left: 4px;
line-height: 13px;
height: 23px;
margin-top: 2px;
}
button.botones span {
background:transparent url(../images/botones/botonDerOn.gif) right top no-repeat;
display: block;
padding: 3px 7px 3px 0;
}
button.botones:hover {
background: transparent url('../images/botones/botonIzOff.gif') no-repeat top left;
background-position: bottom left;
text-decoration: none;
}
button.botones:hover span {
background: transparent url('../images/botones/botonDerOff.gif') no-repeat top right;
background-position: bottom right;
color: #0C2E72;
text-decoration: none;
}
Y EL CODIGO DE BOTON ES:
Código PHP:
<div class="botoneswrapper">
<a class="botones" href="#" onclick="location.href='${ctx}/prestamos/consultaCronogramaPrestamo.htm?id_prestamoOtorgado=${prestamo.uniqueId}'"><span><fmt:message key="boton.volver"/></span></a>
</div>