How to upload a custom button on Dreamweaver cs5?

Question

Hello,
     I would like to add a custom "View Cart" button onto my website. I went onto a random website where I was able to create a custom image for my view cart button. The button I got was called button.php. I checked the document properties and collected some information on it. The type of file is: Adobe Fireworks PNG File (.png). It is said to open with: Adobe Fireworks CS5. I made a copy of this document and put it in Dreamweaver by opening a blank page and pasting the image in there. I saved the page and published it.
Then, I went onto paypal and put the link to this published page where it was asked for. I received a code that I pasted into dreamweaver in the section I wanted the "View Cart" button to appear. When I save and publish this page, the button never appears. Paypal's name is what appears and when you click on it, it goes to the cart.
So the problem appears to be with how I have uploaded and saved this image/button on Dreamweaver. Can anyone please tell me the proper way to upload it so that it appears on my website?
Thanks in advance.
Regards,
Laila

Answer 1

Thank you very much for all of your suggestions and help.
I have found myself in another problem. Initially, I inserted the paypal "View Cart" button and code in my header. However, since there is a logo present there, and the code was lengthy, the PayPal button appeared right below my header and right above my navigation menu. I deleted it because of the awkward location it ended up being placed in. However, for some reason, it did not completely go away. If you visit www.Ziyah.com, you can see the "button" (which really did not even appear to begin with) in its place it says "Paypal the safer easier way to pay online!"
I have made several attempts and checked the code so many times. However, I do not see that original code I pasted from PayPal anywhere inside of my Dreamweaver code, so I do not know how to delete that "button" or tag line and get rid of it. I do not know where it is hiding, but it has to be somewhere in my code. I fear having to delete and re-do the navigation menu just to get rid of that.
Is there any way I can get rid of it? Again, here is the Paypal View Cart Code that I originally pasted into Dreamwaver. Please take a look and see if you can see parts of this code somewhere in my page code, because I cannot find it and hence, have no way to get rid of it.
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 qh40MeATrkM9LOZDBqckYvJzFU4x69IYYHN8ckA==-----END PKCS7-----
">
<input type="image" src="http://www.ziyah.com/shoppingbag.html" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
And the following is my code for the page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Ziyah.com</title>
<!-- TemplateEndEditable -->
<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
.ziyahED {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
h1 {
    font-size: 50%;
h2 {
    font-size: 50%;
h3 {
    font-size: 50%;
h4 {
    font-size: 50%;
h5 {
    font-size: 50%;
h6 {
    font-size: 50%;
.ed {
    display: block;
    width: 240px;
    margin-right: auto;
    margin-left: auto;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarHorizontal_copy.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {width: 1200px; /**width in px, % or ems**/
    color: #FFC;
    margin:0 auto; /**centers on screen**/
.BORDER {
    display: block;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
.footermenu {
    text-align: center;
.footermenu {
    font-size: 36px;
.footermenu {
    font-size: 24px;
.footermenu {
    font-size: 18px;
    font-weight: 300;
    color: #FCF;
    word-spacing: 40px;
    text-indent: 40;
    font-family: "Monotype Corsiva";
.footermenu {
    word-spacing: 10px;
    font-weight: 400;
    color: #FCF;
.container .content .footermenu a {
    color: #FCF;
    text-align: center;
.footermenu a hover {
    color: #FCF;
.footermenu a .footermenu {
.footermenu a .footermenu {
    text-align: right;
.footermenu a .footermenu {
    text-align: right;
.left {
    text-align: left;
.menufontsize {
    font-size: 16px;
.fontsizemenu {
    font-size: 16px;
</style>
</head>
<body>
<div class="container">
  <div class="header">
    <a href="../index.html"><img src="../images/A_Ziyah.jpg" alt="Ziyah Logo" width="115" height="115" align="top" /></a>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="../classiccollection.html">Classic Collection</a>
        <ul>
          <li><a href="../classiccollection.html">Classic Collection 1</a></li>
          <li><a href="../classiccollectionpg2.html">Classic Collection 2</a></li>
          <li><a href="../classiccollectionpg3.html">Classic Collection 3</a></li>
          <li><a href="../classiccollectionpg4.html">Classic Collection 4</a></li>
</ul>
      </li>
      <li><a href="../peaceblossom.html" class="MenuBarItemSubmenu">Peace Blossom</a>
        <ul>
          <li><a href="../peaceblossom.html">Peace Blossom 1</a></li>
          <li><a href="../peaceblossompg2.html">Peace Blossom 2</a></li>
          <li><a href="../peaceblossompg3.html">Peace Blossom 3</a></li>
</ul>
      </li>
      <li><a href="../colorsoflove.html" class="menufontsize"> <span class="MenuBarItemHover">Colors of Love</span></a></li>
      <li><a href="../fruitgarden.html" class="MenuBarItemSubmenu">Fruit Garden </a>
        <ul>
          <li><a href="../fruitgarden.html">Fruit Garden 1</a></li>
          <li><a href="../fruitgardenpg2.html">Fruit Garden 2</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">An Elegant Gift</a>
        <ul>
          <li><a href="../topgifts.html">Top Gifts 1</a></li>
          <li><a href="../topgifts2.html">Top Gifts 2</a></li>
          <li><a href="../topgifts3.html">Top Gifts 3</a></li>
          <li><a href="../giftcard.html">Gift Card</a></li>
        </ul>
      </li>
    </ul>
  <img src="../images/BORDER.gif" width="959" height="100" alt="Ziyah" /></div>
  <div class="content"><!-- TemplateBeginEditable name="Page Content" -->
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><span class="footermenu"><img src="../images/space_long.gif" width="110" height="19" alt="space" /></span></p>
    <p align="center"> </p>
  <!-- TemplateEndEditable -->
    <p align="right" class="footermenu"><span class="footermenu"><img src="../images/#0.gif" width="20" height="25" /></span><a href="../index.html"><img src="../images/BORDER_bottom.gif" width="946" height="53" alt="Ziyah" /></a><a href="../index.html"><img src="../images/B_menu_1.gif" width="150" height="30" alt="Ziyah.com Home" /></a><a href="../aboutziyah.html"><img src="../images/B_menu_2.gif" alt="About Ziyah" width="140" height="30" /></a><a href="../customerservice.html"><img src="../images/B_menu_3.gif" width="145" height="30" alt="Customer Service" /></a><a href="../privacypolicy.html"><img src="../images/B_menu_4.gif" width="120" height="30" alt="Privacy Policy" /></a>   
    <p align="right" class="footermenu">
      </p>
</div>
  <div class="footer"></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Thanks in advance.
Regards,
Laila