Quite easily:
CSS:
#searchSubmit {
border: none;
background: url("filename.gif") no-repeat;
}
XHTML:
<input type="submit" id="searchSubmit" />
Of course you will need to modify this to suit your site.
PS: the code you just showed is missing an equals sign ('=') in the 'name'
attribute. A simple run through the validator would pick this up. Please get
into the habit of checking your own code before sending it to the group.
----- Original Message -----
From: "Kvnmcwebn" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Sunday, May 15, 2005 11:42 PM
Subject: Re: [WSG] search field image alignment--help
| Hi,
|
| It does needs an action so Ive redone it like this:
|
| <input type= "image" class="fimg" name"Submit" value="submit"
src="go.gif"/>
|
| This probably wont work and anyway it wrecks the positioning again.
|
| How can i use an input type = "submit" with a background image?
|
| thanks
| -kevin
|
|
| > I think what Patrick is trying to say is you should us a "submit" button
to
| > add some 'action' to your form. Currently it won't do anything unless
you
| > add some JavaScript.
| >
| > This will also further separate your "content" from "presentation" by
moving
| > the styled image to your CSS (as a background-attachment on the 'submit'
| > button).
| >
|
| ******************************************************
| The discussion list for http://webstandardsgroup.org/
|
| See http://webstandardsgroup.org/mail/guidelines.cfm
| for some hints on posting to the list & getting help
| ******************************************************
|
|
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
