image in a button

**saju_m** · 01-07-2003 07:31 AM

how to set an image on a button so that it will work both in IE as well as Netscape?

thanking you,

**pyro** · 01-07-2003 08:40 AM

This works in IE6, NN4, NN7 and Opera 7, and almost certainly others -- that's just what I checked in...

Code:

<button type="submit" name="submit" value="submit"><img src="folder.gif" width=16 height=16 border=0 /></button>

**Stefan** · 01-07-2003 09:24 AM

Another alternative if you are not looking for a <button> (which belongs in a <form>) is to style link with CSS.

Notable though is that this method is NOT compatible with NS 4.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css" title="Default" media="screen">

a {display:block; width:100px; background:url(yourimage.png); padding:0 10px; margin:5px; color:red; text-align:center;}

</style>
</head>
<body>

<p>
<a href="#">link</a>
<a href="#">link</a>
</p>

</body>
</html>

Thread: image in a button

Thread Tools

Display

image in a button

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions