Setting button background image

Hi,

I want a load of buttons all with the same background image, but obviously
different labels.

I don't want to have to create tons of separate images, just to accomodate
the different labels. I would like to create one image as the button
"style", then use it in different buttons.

Is this possible?

Something like
<button style="background-image=images/but.gif">Hello</button> would be
nice, but doesn't seem to work.

1)Can anyone tell me how to do this?
It needs to work with the major browsers - ie latest IE and Netscape.

2)Also tips on how best to set the url for this button would be nice. I
guess surrounding it with a anchor tag would do, but is that best? The
button is not part of a form.

3)Also is it possible to specify if the button is raised or flush with the
rest of the page?

Thanks alot
Martin

Found this page

http://www.javascriptkit.com/howto/button2.shtml

That suggests this,
<button style="background-image:url(b6.gif)"><b>Under the Sea</b></button>

but it doesn't seem to work with IE6 :-(

Still looking for a solution...

Martin

Okay, the answer to the background image seems to be

<button style="background:url(b6.gif)"><b>Under the Sea</b></button>.

But I have 2 more questions now...
1) How can I get rid of the border of colour around the button?
2) How do I change the shape of the button, so it has rounded ends left and
right?

Thanks again
Martin

"Martin" <x@y.z> wrote

Found this page

http://www.javascriptkit.com/howto/button2.shtml

That suggests this,
button style="background-image:url(b6.gif)"><b>Under the Sea</b></button

but it doesn't seem to work with IE6 :-(

Still looking for a solution...

Martin

"Martin" <x@y.z> wrote:

Okay, the answer to the background image seems to be

button style="background:url(b6.gif)"><b>Under the Sea</b></button>.

That <button> does nothing. I suggest that you design the functionality
first, then worry about visual appearance. Especially since you will
notice that what functionality calls for is either links (if you are
actually trying to do some links) or <input type="submit" ...>. And for
them, the styling issues are different.

<button> is fundamentally broken on IE (implemented in a manner that
seriously violates the specifications), and completely unrecognized by
some browsers.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html