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 web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to