	free hosting image hosting hosting reseller online album e-shop famous people

Customisable Button

With the introduction of the new <button> tag, you have a lot more design flexibility.

For a standard button, this is all the code you need:

<button>This is a button</button>

And this is the result:

But this new element lets you incorporate any html element between the <button> and <\button> tags.

Here's how to incorporate a graphic:

<button> <img src="chaplin1.jpg" width="100" height="148" alt=""> </button>

And here's the result:

In fact, anything enclosed within the button tag becomes part of the button.

Here's an example with a graphic and text:

Now here's a big button - with some added style characteristics - that actually does something:

<button style="width:120px;height:220px; background:navy;color:yellow; font-family:verdana;font-size:10pt" onFocus="this.blur()" onClick=openWin()> <img src="chaplin1.jpg"> <br> <b>Click Me</b></button>

Try it out ...

Browser Compatibility

Works well in IE
Works fairly well in NS6, but a little longer to set up
I don't know about NS4 ... just try it and see