image as button in asp.net using c#

Question

3.00/5 (1 vote)

See more:

ASP.NET

How will we use an image as a button asp.net
please help me i am in a big confusion help me

Posted 1-Jan-13 22:24pm

Vineeth p vasu

Add a Solution

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)

Christian Graus · Answer 1 · 2013-01-01T22:25:00

Solution 1

This is trivial. There's an imagebutton control in ASP.NET. All it does is put an anchor tag around an img tag.

In general, as well as reading books on HTML and ASP.NET ( two different things ), you can work out how to do stuff on web pages by finding a page that does what you want and viewing the source code. Chrome makes this easy.

Posted 1-Jan-13 22:25pm

Christian Graus

Updated 1-Jan-13 22:26pm

v2

Comments

magiccoder 2-Jan-13 4:52am

Hey,
otherwise add firebug.This will work great with firefox.

magiccoder 2-Jan-13 4:53am

Hey Christian Graus,

+5 for you...

magiccoder · Answer 2 · 2013-01-01T22:50:00

Hi,

Christian Graus is correct.

Try to add ImageButton control instead of normal button.

Anyways,If you want to use normal button ,then write some css

this is just an example.change the values as you wish.

CSS

.button{
	border:none;
	cursor: pointer;
	background-image: url(../images/btnbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 81px;
	padding:5px;
	color: #FFF;
}

Happy Coding....

Aditya Magotra · Answer 3 · 2013-01-02T05:40:00

Solution 3

Hi,

a) Use Image button
or
b) Set Css of a buton.

.button
{
border:none;
cursor: pointer;
background-image: url('/img/img.png');
background-repeat: no-repeat;
}

Posted 2-Jan-13 5:40am

Aditya Magotra