Replacing search button with own picture.

Stephan,
just add style parameter to this button:

<INPUT class=button onclick="java script: RunSearch();" type=button value=Search style="background: ...">

I've changed my code to:

but it is then automatically changed to:

when clicking visual editor and back to code view.
I need to replace the "search" and "show all" buttons individually so that it displays different buttons, each with a picture that contains the text on it already.

I recommend you to check these links:

http://www.w3.org/Style/CSS/

http://www.freeprogrammingresources.com/cs...umentation.html

Just can't get this working.
I need to put a picture (go.jpg) in the place of the find button.
Please assist with a code.

Stephan,
here is a sample:

<INPUT style="background: url("img/image.gif") center repeat top;" onclick="java script: RunSearch();" type=button value=Search>

Jane
I can not get this to work either and get the same problem as Stephan.
I have tried to change the code in visual editor from

<INPUT class=buttonb onclick="java script: RunSearch();" type=button value=Search>

to

<INPUT style="background: url("img/edit.gif") center repeat top;" onclick="java script: RunSearch();" type=button value=Search>

but this does not work and the code is still automatically changed to

<INPUT style="BACKGROUND: none transparent scroll repeat 0% 0%" onclick="java script: RunSearch();" type=button value=Search top;? repeat center edit.gif?) img>

Any ideas?

Sorry for my fault.

Here is the correct code:

<INPUT style="background: url(img/image.gif) center repeat top;" onclick="java script: RunSearch();" type=button value=Search>

Code does not work
Throws away the repeat part, picture does not show and the button does not search when clicked.

Try this it worked for me. Just remember to size your image to the size you want for the button.
<input onclick="java script: RunSearch();" type=image src="image.jpg" border="0" value=search>
Hope that helps <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=30984&image=1&table=forumreplies' class='bbc_emoticon' alt=':)' />
NOTE I just uploaded my image I wanted to use into the main directory where my php files are stored - I did not put it in any subdirectory.

In Visual editor, high light over the link you want to replace with a picture, then click on the insert image on the top bar and select the image you want to use.

Swanside,
Cool thanks, much easier way then editing the code.
Kim <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=30992&image=1&table=forumreplies' class='bbc_emoticon' alt=':)' />

Does not work with buttons. Still haven't got an easy sulotion for it.

Does not work with buttons. Still haven't got an easy sulotion for it.

Did you try the one I suggested? Because I tested it and it worked great.
<input onclick="java script: RunSearch();" type=image src="image.jpg" border="0" value=search>
See notes in my above posting.

I just noticed in this forum when I type in code and have javascript in the code and it automatically puts a space in between java and script (java script) - maybe that is the problem. Make sure there is no space in javascript.

Works fine now
Thanks for everyones input!