I am trying to put a ASP
button with a certain class CSS
but I am not able to put the ASP
button working according to CSS
.
If the button is HTML
it gives no problem.
CSS Code :
.images_1_of_5 .button{
margin-top:.3em;
line-height:1.9em;
}
.images_1_of_5 .button a{
padding: 8px 10px;
display: inline-block;
background: url(../images/button3.gif) left top repeat-x;
border: none;
font: bold 12px "Arial"!important;
color: #fff;
text-align: center;
cursor: pointer;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}
.images_1_of_5 .button a:hover{
background-position: left bottom;
text-decoration: none !important;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-webkit-transition: background 0.2s ease;
}
HTML code with ASP button :
<div class="grid_1_of_5 images_1_of_5">
<div class="button">
<a><asp:Button ID="Button1" runat="server" Text="Button" /></a></div>
No ASP button :
<div class="grid_1_of_5 images_1_of_5">
<div class="button"><span><a href="singlepage.html">Ver Detalhes</a></span></div>