12 Replies Latest reply: Aug 16, 2012 8:34 PM by mytaxsite.co.uk RSS

    linking issues?

    heartwood printing servic

      I've created a template with Photoshop of slices for an interactive kiosk I'm developing and brought it into Dreamweaver. Everything looks good in Dreamweaver but when I look at the .html files the slices aren't showing up, each slice has a red 'x' on it like the image isn't available.  The folder the slices are contained in is in the Site I created though.  What am I doing wrong?

        • 1. Re: linking issues?
          heartwood printing servic Community Member

          Rather, I should say the slices show up in Firefox when I preview it there, but not in Safari (I'm developing on a Mac) when I load the site onto the kiosk hardware (a Windows machine) the slices aren't showing up on any browser, but the rest of the content does.

          • 2. Re: linking issues?
            Jon Fritz II MVP

            That can happen when you use CMYK instead of RGB on your images.

             

            If you have a link, it might be easier to troubleshoot it.

            • 3. Re: linking issues?
              heartwood printing servic Community Member

              I was hoping that was going to be it, I vaguely remember running into the cmyk issue in the past, but I just checked all the slices and that's not it. 

               

              Thanks for the help.  I'm more of a photoshop guy than a dreamweaver guy but my partner quit and I have to work thru this one on my own.

               

              I don't have the site online to provide a link to it, but here is the .html from the file:

               

              <html>

              <head>

              <title>ojibwe background flat</title>

              <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

              <style type="text/css">

              body {

                  background-image: url(file:///HPS%20Mac/Users/HPS/Documents/TP%20Graphic%20Artist/heartwoodPrinting/website /Graphics/ojibwe%20background%20flat.jpg);

                  background-repeat: no-repeat;

              }

              </style>

              </head>

              <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

              <!-- Save for Web Slices (ojibwe background flat.jpg) -->

              <table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">

                  <tr>

                      <td><a href="ojib sp 31.html"><img src="/graphics/background_elements/images/ojibwe-background-flat_01.jpg" width="116" height="142" alt=""></a></td>

                      <td colspan="2">

                          <img src="/graphics/background_elements/images/title.jpg" width="791" height="142" alt=""></td>

                      <td><a href="ojib sp 33.html"><img src="/graphics/background_elements/images/right-button.jpg" width="117" height="142" alt=""></a></td>

                  </tr>

                  <tr>

                      <td colspan="4">

                          <img src="/graphics/background_elements/images/filler-top.jpg" width="1024" height="22" alt=""></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib eh 1.html"><img src="/graphics/background_elements/images/history-button.jpg" width="226" height="95" alt=""></a></td>

                      <td colspan="2" rowspan="7"><table width="781" height="580" border="0" align="center" cellpadding="2" cellspacing="2">

                        <tr>

                          <td height="55" colspan="2" align="center" valign="top"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

               

                            <h2>

                              <!--         @page { margin: 0.79in }         P { margin-bottom: 0.08in }     -->

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                          <strong>Significant People<br>

                          Martha Chance Pratt<br>

                          </strong></h2></td>

                        </tr>

                        <tr>

                          <td width="385" align="left" valign="top"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                            <p>

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                              Martha Chance was an Ojibwe princess from Garden River, Ontario who was raised in the home of an Episcopal missionary, Reverend Chance. She married an Englishmen, Mr. Pratt and lived in Marquette in the 1890s. She was well known as an Ojibwe interpreter.

                          </p></td>

                          <td width="382" align="left" valign="top"><div align="center"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                            <div align="left">

                              <p align="center"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

                                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><img src="../graphics/Mrs Martha Chance Pratt - BB - 1953.1.21(1).jpg" width="320" height="503" border="1"></p>

                            </div>

                          </div></td>

                        </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib fl 01.html"><img src="/graphics/background_elements/images/family-life-button.jpg" width="226" height="91" alt=""></a></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib ts 14.html"><img src="/graphics/background_elements/images/traditional-skills-button.jpg" width="226" height="90" alt=""></a></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib fg 21.html"><img src="/graphics/background_elements/images/food-and-daily-life-button.jpg" width="226" height="91" alt=""></a></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib sp 23.html"><img src="/graphics/background_elements/images/significant-people-button.jpg" width="226" height="88" alt=""></a></td>

                  </tr>

                  <tr>

                    <td colspan="2"><a href="ojib credits.html"><img src="/graphics/background_elements/images/credits-button.jpg" width="226" height="101" alt=""></a></td>

                  </tr>

                  <tr>

                      <td colspan="2">

                          <img src="/graphics/background_elements/images/bottom-filler.jpg" width="226" height="48" alt=""></td>

                  </tr>

                  <tr>

                      <td>

                          <img src="/graphics/background_elements/images/spacer.gif" width="116" height="1" alt=""></td>

                      <td>

                          <img src="/graphics/background_elements/images/spacer.gif" width="110" height="1" alt=""></td>

                      <td>

                          <img src="/graphics/background_elements/images/spacer.gif" width="681" height="1" alt=""></td>

                      <td>

                          <img src="/graphics/background_elements/images/spacer.gif" width="117" height="1" alt=""></td>

                  </tr>

              </table>

              <!-- End Save for Web Slices -->

              </body>

              </html>

              • 4. Re: linking issues?
                mytaxsite.co.uk MVP

                Is this code from your HTML page?  Why have got <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> all over the  place?  It looks like you need to validate your page for correct HTML and correct CSS.

                 

                Hope this gets you started with the validation process.

                 

                Good luck.

                • 5. Re: linking issues?
                  heartwood printing servic Community Member

                  I don't know why it's there, I didn't add anything other than content and what PS and DW put there.  I'll have to look into it.  Thanks.

                  • 6. Re: linking issues?
                    mytaxsite.co.uk MVP

                    heartwood printing servic wrote:

                     

                    I don't know why it's there, I didn't add anything other than content and what PS and DW put there.  I'll have to look into it.  Thanks.

                     

                    The page you are designing is very simple so why can't you do it in DW rather than using Photoshop or Fireworks.  Ps and FW are graphics packages and so they can't create valid webpages for you.

                     

                    You create graphics in graphics package and webpages in Dreamweaver.  Any other method is likely to land you into big trouble and nobody will be able to help you.

                     

                    Good luck.

                    • 7. Re: linking issues?
                      heartwood printing servic Community Member

                      well, I kept hearing about slices and how easy it is to create templates for Dreamweaver with them.  I probably could rework them in just dreamweaver but I've already got 40+ pages done using the slices I created in PS and would rather learn how to fix it than just up and start again.

                      • 8. Re: linking issues?
                        Jon Fritz II MVP

                        Definitely run your code through these and correct the errors...

                         

                        HTML Validator: http://validator.w3.org/

                        CSS Validator: http://jigsaw.w3.org/css-validator/

                         

                        For starters, remove all of the doctype declarations, every one of them. You should only have 1 doctype declaration, you can paste it in at the very top of your code, right before the <html> tag.

                        • 9. Re: linking issues?
                          heartwood printing servic Community Member

                          ok, I've been working on validating a page, I've got cleaner, better code now but still the images don't show up.  On my way out the door now for another job but will post cleaner code tonight.

                          • 10. Re: linking issues?
                            Jon Fritz II MVP

                            Re-reading the explanation in your second post, I'm wondering if we're missing something really simple.

                             

                            You may have forgotten to also load the images onto the kiosk.

                             

                            In Safari, on the computer that does show the images in FF, hold down the Shift key and hit "R" to reload fresh (not from cache). Does that make any difference?

                             

                            Finally, is there any way you could post a test page online so we could take a look at a live version?

                            • 11. Re: linking issues?
                              heartwood printing servic Community Member

                              yes, I'm thinking it's something simple too.  I know it's not the images not being loaded because they also don't show up on the system I'm developing on.  Unfortunately I don't have a domain anymore so I have easy place to upload the files for you to view.

                              • 12. Re: linking issues?
                                mytaxsite.co.uk MVP

                                yes, I'm thinking it's something simple too. 

                                 

                                simple things are best solved by having a valid link to your test page or a link to the problem page.  Corrections can easily be done on a page not some code fragments at the back of the envelope.