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.
