please try:
input.btn_auth {
background:url('../images/button_02.png') no-repeat;
border: 0px;
width:205px;
height:45px;
position: relative;
top:80px;
left:97px;
}
input.btn_auth:hover {
background:url('../images/button_hover_02.png')
}
input.btn_auth:active {
background:url('../images/button_active.png') no-repeat;
width:201px;
height:41px;
}
Il giorno lunedì 3 giugno 2013 19:05:02 UTC+2, Lio ha scritto:
>
> Hello there,
>
> I'm trying to use a customized submit button for login. The problem is in
> normal status the button image is the correct one but width is controlled
> by bootstrap.min.css; in hover status the width is correct but image is
> overridden by bootstrap.min.css.... Driving me crazy...
>
> Code in view:
> {{form.custom.submit['_class']='btn_auth'}}
> {{=form.custom.submit}}
>
>
> Code in customized css file:
> .btn_auth {
> background:url('../images/button_02.png') no-repeat;
> border: 0px;
> width:205px;
> height:45px;
> position: relative;
> top:80px;
> left:97px;
> }
> .btn_auth:hover{
> background:url('../images/button_hover_02.png');
> border: 0px;
> width:205px;
> height:45px;
> position: relative;
> top:80px;
> left:97px;
> }
>
>
> .btn_auth:active{
> background:url('../images/button_active.png') no-repeat;
> border: 0px;
> width:201px;
> height:41px;
> position: relative;
> top:80px;
> left:97px;
> }
>
> Can someone please advise? Thanks in advance.
>
> Lio
>
>
>
--
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
