[SOLVED] change search button to image

[h4r00n]

Hi, I have a pretty basic seach form with a standard search button. However I want to change the search button to an image. Can anyone advise how this can be done?

 

<form action='search.php' method='GET'>

  <center>
	<p><font size="5" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 30px; color: #FF7113;">Quick Search</font></p>
    <p><font size="5" face="sans-serif">
      <input style='text' size ='50' name='search' value="e.g. Social Work in Birmingham" onClick="if(this.value == 'e.g. Social Work in Birmingham') this.value='';" />
        <input type='submit' name='submit' value='Search'
	>
        <br>
    </font></p>
	</center>

</form>

[merck_delmoro]

Change

<input type='submit' name='submit' value='Search'>

to

<INPUT TYPE="image" SRC="button.gif" VALUE="Search"
ALT="Search" NAME="Search">  

[h4r00n]

Hi, thanks for the reply, however I just get text now stating 'Search' I do not get the image nor the button... ?

[h4r00n]

It's ok, its fixed now. Do you know how I can change the size of the image? What code do I use? Also, If I want to insert the image in a div, what code do I need to copy?

[merck_delmoro]

because you don't have any image created

 

make an image using any picture editor dn change the SRC value from <INPUT TYPE="image" SRC="button.gif" VALUE="Search"

ALT="Search" NAME="Search">  to the name of your picture that been create

[merck_delmoro]

insert height and width to the code

[lostprophetpunk]

insert height and width to the code

Which is this basically...

<input type='image' src='imageaddress.png' width='100px' height='20px' name='submit' value='Search' />