9 Replies Latest reply: Jul 5, 2012 7:05 AM by osgood_ RSS

    Saving Images in Dreamweaver CS6

    scervantes Community Member

      I have imported a menu that I created in Fireworks CS6, into dreamweaver cs6, I save to the remote server and you can't see anything.

       

      Same thing with Bridge CS6. I create a slideshow and import into dreamweaver cs6 and still nothing. Or I will simply put a jpeg or png picture file and the image won't show. Please help

       

      I just need to know how to save the different images/menu bars in dreamweaver cs6 to the remote server, and I would like it to show online automatically. What do I do

       

      www.uniquehairytage.com   (this is one of the sites I am talking about)

        • 1. Re: Saving Images in Dreamweaver CS6
          osgood_ MVP

          I can only assume that it's the dodgy code that exports from Fireworks because your images are uploaded and in the correct place.

           

          Can you copy all of the code below and paste it into a new Dreamweaver document (you'll have to open code view to do this) save it as test.html and upload it to your remote server and then look at it in a browser and see what happens?

           

           

           

          <!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" />

          <title>Unique Hairytage</title>

          <style type="text/css">

           

           

          .UNDER {

              color: #FFF;

              font-size: 36px;

          }

          .F {

              text-align: center;

          }

          .F {

              color: #FFF;

          }

          .F {

              font-size: 36px;

          }

          .F {

              font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

          }

          .F {

              font-family: Georgia, "Times New Roman", Times, serif;

          }

          .if {

              font-size: 24px;

          }

          .tab {

              font-family: Georgia, "Times New Roman", Times, serif;

          }

          .if {

              font-size: 24px;

          }

          .tab {

              color: #FFF;

          }

          .if {

              text-align: center;

          }

          .if {

              text-align: center;

          }

          .t {

              font-size: 24px;

          }

          .p {

              color: #000;

          }

          .t {

              font-size: 24px;

          }

          .web {

              font-size: 36px;

          }

          .full {

              text-align: center;

              font-size: 36px;

              font-weight: bold;

              color: #633;

          }

          </style>

          <script type="text/javascript">

          function MM_preloadImages() { //v3.0

            var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

              var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

              if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

          }

          function MM_swapImgRestore() { //v3.0

            var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

          }

          function MM_findObj(n, d) { //v4.01

            var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

              d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

            if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

            for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

            if(!x && d.getElementById) x=d.getElementById(n); return x;

          }

           

          function MM_swapImage() { //v3.0

            var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

             if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

          }

          </script>

          </head>

           

          <body bgcolor="#CCCCCC" onload="MM_preloadImages('BrandyMenu_r2_c1_s2.png','BrandyMenu_r1_c1_s2.jpg','BrandyMenu_ r1_c2_s2.jpg','BrandyMenu_r1_c3_s2.jpg','BrandyMenu_r1_c4_s2.jpg')">

          <p class="full">  </p>

           

          <table width="1052" cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" style="margin: 0 auto;">

          <tr>

          <td>

          <p><img src="http://www.uniquehairytage.com/Untitled-2.png" width="1052" height="93" /></p>

          </td>

          </tr>

          <tr>

          <td>

          Delete this text - its just proping open a table cell

          </td>

          </tr>

          <tr>

          <td><table width="420" cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">

          <tr>

          <td><a href="http://www.uniquehairytage.com/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c1','','BrandyMenu_r1_c1_s2.jpg',1);"><img name="BrandyMenu_r1_c1" src="http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg" width="105" height="38" id="BrandyMenu_r1_c1" alt="" /></a></td>

          <td><a href="http://www.uniquehairytage.com/about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c2','','BrandyMenu_r1_c2_s2.jpg',1);"><img name="BrandyMenu_r1_c2" src="http://www.uniquehairytage.com/BrandyMenu_r1_c2.jpg" width="128" height="38" id="BrandyMenu_r1_c2" alt="" /></a></td>

          <td><a href="http://www.uniquehairytage.com/gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c3','','BrandyMenu_r1_c3_s2.jpg',1);"><img name="BrandyMenu_r1_c3" src="http://www.uniquehairytage.com/BrandyMenu_r1_c3.jpg" width="150" height="38" id="BrandyMenu_r1_c3" alt="" /></a></td>

          <td><a href="http://www.uniquehairytage.com/contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c4','','BrandyMenu_r1_c4_s2.jpg',1);"><img name="BrandyMenu_r1_c4" src="http://www.uniquehairytage.com/BrandyMenu_r1_c4.jpg" width="128" height="38" id="BrandyMenu_r1_c4" alt="" /></a></td>

          </tr>

          </table></td>

          </tr>

          </table>

           

           

          <table width="1052" height="217" border="0" cellspacing="0" cellpadding="0" align="center">

          <tr>

          <td bgcolor="#FFFFFF"><p> </p>

          <p> </p>

          <p align="center"><span class="full">FULL SERVICE HAIR STYLIST</span></p>

          <table width="753" border="0" align="center">

          <tr>

          <td width="296"><img src="http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg" width="296" height="481" /></td>

          <td width="447" align="center" valign="top"><p class="tab"> </p>

          <p> </p>

          <p class="tab"> </p>

          <p class="t"> </p>

          <p align="center" class="t">530-415-5524</p>

          <p align="center" class="tab"><a href="mailto:xxxxxxxx@xxxxxxxxxxx.com" class="t">xxxxxxxx@xxxxxxxxxxxxxxx.com</a></p>

          <p class="tab"></p></td>

          </tr>

          </table></td></tr>

          </table> 

          </body>

          • 2. Re: Saving Images in Dreamweaver CS6
            David_Powers ACP

            It's exactly the same problem as you had with the photo of the woman yesterday. The images from the menu are all returning 403 Forbidden headers.

             

            I suspect there's something wrong with the way that the permissions are being set when you upload images. I have a vague recollection of some people reporting problems with incorrect permissions being set on upload, but I can't remember the details.

             

            Which version of Dreamweaver are you using to upload your images?

            • 3. Re: Saving Images in Dreamweaver CS6
              David_Powers ACP

              Oops, sorry. I see from your original post and subject line that you're using Dreamweaver CS6.

               

              I'll see if I can find the reference to permission problems.

              • 4. Re: Saving Images in Dreamweaver CS6
                David_Powers ACP

                It looks as though you might be experiencing the same problems as reported in another thread. Adobe is working on the problem, which seems to be affecting only some people. I suggest that you contact Raghavan, as suggested by Carey Burgess in the message I have linked to. Raghavan is a senior member of the Dreamweaver engineering team, so this issue is being taken seriously.

                • 5. Re: Saving Images in Dreamweaver CS6
                  osgood_ MVP

                  Hi David,

                   

                  The images are definitely uploaded and in the correct location. I don't see how your answer is related to the html calling the images?

                   

                   

                  http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg

                   

                   

                  http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg

                   

                   

                  Admittedly I've never seen anything like this before, it's weird. If I test the page on my computer locally using absolute links to the images they appear then when I go back to the OP's uploaded page the images appear on their page until refresh and then they disappear again.........just plain weird!

                  • 6. Re: Saving Images in Dreamweaver CS6
                    MurraySummers ACP/MVPs

                    The images are marked as FORBIDDEN when you try to fetch them from the page.  You can see this in Firebug.

                    • 7. Re: Saving Images in Dreamweaver CS6
                      osgood_ MVP

                      Murray *ACP* wrote:

                       

                      The images are marked as FORBIDDEN when you try to fetch them from the page.  You can see this in Firebug.

                       

                      Why? What's in the 'page' that is stopping them from downloading but if you go directly to them they do download?

                       

                      Humm and why is the one linked to photobucket downloading?

                       

                      Surely if permission denial were set on the images they would not download into a browser directly, right?

                       

                      And more so if permission was denied why do they download in a local page that I test?

                       

                      It all points to something in the page but its just run of the mill html

                       

                      So hang on are we saying that the 'owner' can't 'read' or 'execute' his own files but everyone else can?

                      • 8. Re: Saving Images in Dreamweaver CS6
                        David_Powers ACP

                        osgood_ wrote:

                         

                        So hang on are we saying that the 'owner' can't 'read' or 'execute' his own files but everyone else can?

                        As Murray says, you can see 403 FORBIDDEN if you analyze the page in developer tools, such as Firebug. I was just as puzzled as you when I first tried to help the OP on another thread. If you attempt to load the images directly into a browser, you can see them. But when they're in an HTML page, they produce the 403 HTTP response.

                         

                        I'm no expert on HTTP headers, but I assume that what's happening is that the permissions set on the images are preventing the browser from loading them. The original problem concerned the black and white photo of the woman. Because that was visible, I presume that the permissions were changed manually. The same needs to be done with the other images.

                         

                        As I wrote earlier, it appears that some people are experiencing problems with file permissions when uploading with CS6. I've no idea what the common factor is. It affects only a small proportion of users, but is obviously extremely frustrating for them. Adobe has been working on a fix, but I don't know when it will be pushed out as an updater for the program.

                        • 9. Re: Saving Images in Dreamweaver CS6
                          osgood_ MVP

                          Yup, just a bit weird that they load directly into the browser and NOT the page. BUT as you say I'm no expert either on the technicality of how pages load the images as opposed to the browser getting them.

                           

                          Weird stuff going on that's for sure!

                           

                          If in doubt use a third party ftp client to upload files.