to understand this a little better lets break down the different types of buttons, why they are used, and how they change.
the button on the details page is an href link to the update page that is wrapped around an image tag, this is used to link to the update page and pass the ID of the record to update:
<a href="tblcontacts_Update.php?ContactID=<?php echo(rawurlencode($row_WADAtblcontacts['ContactID'])); ?>" title="Update">
<img border="0" name="Update" id="Update" alt="Update" src="WA_DataAssist/images/Slate/Traditional_update.gif" />
close the anchor:
your change was to edit the src attribute of the image tag to point to your image. you changed:
On the update page, the button is part of form, the buttons job is to tell the form to send the information to the browser. A link cant be used for this, so a form element is needed.
There are two types of form elements that can be used to submit a form:
1) A button element using the type="submit" attribute
2) An Image element using the type="image" attribute
While setting up the data assist wizard, One of the settings on the second step allows you to choose wether to use a Button or Image element type on the page.
In your case, it is an image element using <input type="image"....
<input type="image" name="Update" id="Update" value="Update" alt="Update" src="WA_DataAssist/images/Slate/Traditional_update.gif" />
just like an image tag, an image form element type has the src attribute:
that tells it what image to load. you can change that src attribute to point to your own images to change the look of the buttons.
If the button where a submit element type, you would need to use CSS to change it's appearance. A submit button type does not allow for an image to be used, except as a background.
see the following road map tutorial for details on styling form elements with css: