Monday, March 12, 2012

want to add an image to a html type input button

Hi,

I want to add an image to a html type input button. How can I do this?
I have used background image style . But its not working.

My target is to show an image in the button
can anyone help me?

--
Regards
ValliOn Sep 26, 6:18 pm, "Valli" <erva...@.chellasoft.comwrote:

Quote:

Originally Posted by

Hi,
>
I want to add an image to a html type input button. How can I do this?
I have used background image style . But its not working.
>
My target is to show an image in the button
can anyone help me?
>
--
Regards
Valli


Hi Valli

You're on the right track, you also need to set the background color
to transparent:
background-color: transparent;

Or you can do it all in one go:
background: transparent url(ButtonImage.gif) no-repeat center top;

Chris
On Sep 26, 10:18 am, "Valli" <erva...@.chellasoft.comwrote:

Quote:

Originally Posted by

Hi,
>
I want to add an image to a html type input button. How can I do this?
I have used background image style . But its not working.
>
My target is to show an image in the button
can anyone help me?
>
--
Regards
Valli


<input type="button" value="Button"
style="background-image: url('http://msdn2.microsoft.com/msdn/controls/
toolbar/en-us/StarWhite.gif');">
Hi,

Thanks for your help. Using background color style, the image is getting
displayed in button now.
I am using this button in a html table cell. When user clicks on this
button, i will get the rowindex of the selected row.
If I use this style, the rowindex is not resulting properly.

Do you have any ideas on this?

--
Regards
Valli

"Chris Fulstow" <chrisfulstow@.hotmail.comwrote in message
news:1190799050.519941.4410@.d55g2000hsg.googlegrou ps.com...

Quote:

Originally Posted by

On Sep 26, 6:18 pm, "Valli" <erva...@.chellasoft.comwrote:

Quote:

Originally Posted by

>Hi,
>>
>I want to add an image to a html type input button. How can I do this?
>I have used background image style . But its not working.
>>
>My target is to show an image in the button
>can anyone help me?
>>
>--
>Regards
>Valli


>
Hi Valli
>
You're on the right track, you also need to set the background color
to transparent:
background-color: transparent;
>
Or you can do it all in one go:
background: transparent url(ButtonImage.gif) no-repeat center top;
>
Chris
>

0 comments:

Post a Comment