asp.net Button Image align

Question

I have an ASP.net button with an image. I am not nor do i want to use an Imagebutton. It is a standard asp.net button. Image loads perfect but:

i would like the image to align vertically in the center of the button
I would like the image to be 5 px from the left edge of the button

is this possible? thanks Damo

HTML

<asp:Button CssClass="Button" ID="btnLogin" runat="server" Text="Login" onclick="btnLogin_Click" />

CSS

.Button
{


         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -khtml-border-radius: 5px; 
          border-radius: 5px; 

          text-align:left;


          padding-left:20px;       
          background-repeat: no-repeat;
          background-image: url(/assets/img/action.gif);

}

try background-position attribute w3schools.com/cssref/…

Arjun Shetty
– Arjun Shetty

2012-09-30 16:06:33 +00:00
Commented Sep 30, 2012 at 16:06 — Arjun Shetty
– Arjun Shetty, Commented Sep 30, 2012 at 16:06

erik · Accepted Answer · 2012-09-30 16:06:55Z

1

This depends on the image size..

But here you get the code,

.button{
background: url(/assets/img/action.gif) no-repeat 5px 50%;
padding:5px 5px 5px 20px;
border-radius:5px;
text-align:left;
}

answered Sep 30, 2012 at 16:06

erik

1802 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

asp.net Button Image align

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related