How to put Image and text on Button

Question

0.00/5 (No votes)

See more:

how to put image and text both in button.
For that what i have to use..
whether image button or link button or anything else.
image will not be display in background.
Image display near text.

Posted 30-Apr-13 20:23pm

Member 9511889

Add a Solution

Comments

Thanks7872 1-May-13 2:42am

simple.create your desired image with photoshop and use imagebutton in your program.

Varun Sareen 1-May-13 2:44am

Rohan Leuva 5+

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2013-04-30T21:13:00

Hello,

Please find following code to add image and text on the button.

HTML

<input type="button" style="background: #EAEAEA url('save.png') no-repeat 5px center; padding:2px 2px 2px 25px;" value="Save" />

It will display image at left and beside the image display text

Thanks and Regards,
Imdadhusen

rizwan muhammed khan gouri · Answer 2 · 2013-04-30T21:19:00

Hello

You can used simple css with asp button

like

XML

<style>
  .button {
    border: none;
    background: url('Images/Koala.jpg') no-repeat top left;
    padding: 2px 8px;
}
  </style>

and your code

<asp:Button runat="server" ID="btnExp" Text="Upload"  CssClass="button"/>

Please do it if problem persist please give me your comment.

Satyendra Kumar(Analyst Programmer) · Answer 3 · 2013-04-30T23:19:00

Solution 3

Hi,

This is very simple with the help of button element like this:-

XML

<button>
<img src="../../AprilFoolsDay.gif" /> Click
</button>

Posted 30-Apr-13 23:19pm

Satyendra Kumar(Analyst Programmer)

How to put Image and text on Button

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0