4 Replies Latest reply on May 26, 2010 11:47 AM by Nancy OShea

    Footer displayed inaccurately in Dreamweaver CS4 php page

    ChristyatAXIS

      Hi,


      I recently upgraded from Dreamweaver 8 to Dreamweaver CS4. Our organization site uses mostly php pages. When I attempt to open these pages in Dreamweaver CS4 the footer menu bar displays innacurately down through the center of the page and won't allow any edits as it acts like a top layer or something. Usually it acts as a menu bar on the top of any page on our website.

       

      As it should appear from an online screen shot: You'll notice the orange menu bar across the top.

      Picture 3.png

       

      A shot of the Design View in Dreamweaver CS4:  You'll see the menu options are running down the center of the page as text.

       

      Picture 1.png

       

       

      This is the code : Can also be visited at www.axisdance.org

       


          <div id="footer">AXIS Dance Company &middot; 1428 Alice Street, Suite 200 &middot; Oakland, CA 94612<br />
              Phone: 510-625-0110 &middot; Fax: 510-625-0321
          </div><!--end footer-->
          <div id="navBar"><!--<a name="navigation" class="minimize"> </a><br />-->
              <!-- begin list for menu-->
              <ul id="udm" class="udm">
                  <li><h2><a href="index.php">home</a></h2>
                  </li>
                  <li><h2><a href="about.php">about us</a></h2>
                      <ul>
                      <li><a href="about.php">About AXIS</a></li>
                      <li><a href="about_news.php">News</a></li>
                      <li><a href="about_mediaKit.php">Media Kit</a></li>
                      <li><a href="about_dancers.php">Dancers</a></li>
                      <li><a href="about_staff.php">Board & Staff</a></li>
                      <li><a href="about_jobs.php">Jobs & Auditions</a>
                      <ul>
                          <li><a href="about_internships.php">Internships</a></li>
                          </ul>
                      <li><a href="about_faq.php">FAQ</a></li>
                      <li><a href="about_contact.php">Contact Us</a>
                          <ul>
                          <li><a href="about_contact_directions.php">Directions</a></li>
                          </ul>                   
                      </li>
                      </ul>
                  </li>
                  <li><h2><a href="performance.php">performances</a></h2>
                      <ul>
                      <li><a href="performance.php">Performance Calendar</a></li>
                      <li><a href="performance_repertory.php">Repertory Clips </a></li>
                      <li><a href="performance_gallery.php">Image Gallery</a></li>
                      <li><a href="performance_reviews.php">Reviews</a></li>
                      <li><a href="performance_booking.php">Booking AXIS</a></li>
                      <li><a href="performance_collaboration.php">Collaborating Artists</a></li>
                      </ul>
                  </li>
                  <li><h2><a href="education.php">education</a></h2>
                      <ul>
                      <li><a href="education.php">About Education </a></li>
                      <ul>
                          <li><a href="kids.php">Dance Access/KIDS!</a></li>
                          <li><a href="Adults.php">Dance Access (Adults)</a></li>
                         
                          </ul>
                      <li><a href="education_danceAccess.php">Class Schedule</a></li>
                      <li><a href="education_hiring.php">Booking Dance Access</a></li>
                      <li><a href="education_summerIntensive.php">Summer Intensive</a></li>
                      <li><a href="education_resources.php">Resources</a>
                          <ul>
                          <li><a href="education_resources_videos.php">Media</a></li>
                          <li><a href="education_resources_articles.php">Essays & Articles</a></li>
                          <li><a href="assets/teachersGuide.pdf">Teacher's Guide (PDF)</a></li>
                          </ul>                   
                      </li>
                      <li><a href="education_likeUs.php">Companies Like Us</a></li>
                     
                      </ul>
                  </li>       
                  <li><h2><a href="support.php"> support </a></h2>
                      <ul>
                      <li> <a href="support.php"> Ways to Support</a></li>
                      <li><a href="support_volunteering.php">Volunteering</a></li>                   
                      <li><a href="support_mailingList.php">Join Mailing List</a></li>                   
                      <li><a href="support_store.php">AXIS Store</a></li>                   
                      <li><a href="support_funders.php">Funders &amp; Donors </a></li>                   
                      <li><a href="support_webSupporters.php">Web Supporters</a></li>                   
                      </ul>
                  </li>
              </ul>
              <img src="images/shim.gif" width="800" height="1" border="0" alt="navigation bar" /><br />
          </div><!--end navbar-->
      </div><!--end center-->
      <div id="copy">
          <div id="right">&copy; 1999-2010. AXIS Dance Company  <br>
              <a href="http://www.facebook.com/pages/AXIS-Dance-Company/56899952604?ref=ts" target="_blank"></a> <a href="http://www.youtube.com/user/AXISDanceComp" target="_blank"></a> <a href="http://www.axisdance.org/support_mailingList.php" target="_blank"></a><br />
          </div>
          <div id="powered"> </div>
          <div class="clear"> </div>
      </div><!--end copy-->
      <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
      </script>
      <script type="text/javascript">
      try {
      var pageTracker = _gat._getTracker("UA-10598516-1");
      pageTracker._trackPageview();
      } catch(err) {}</script>
      </body>
      </html>

       

       

      This seems like a simple solution but I'm just not sure what it would be.


      Thanks

        • 1. Re: Footer displayed inaccurately in Dreamweaver CS4 php page
          Ben M Adobe Community Professional

          It just appears that your menu is not being stylized.  What menu system is that?  Also what happens when you click on Live View?  Does it display properly then?

          • 2. Re: Footer displayed inaccurately in Dreamweaver CS4 php page
            ChristyatAXIS Level 1

            The live view or preview functions do not work and lead to the error: "Not Found, the requested URL/html/index.php was not found on this server.'   This is another issue that I don't understand.

             

            Unfortunately, I did not develop this website and have a minimal knowledge of html and Dreamweaver.  I'm not sure if I can answer the question about which menu system we're using - would seeing the code of the footer help?   I'll paste below in case.  

             

            And just to be clear, the problem only occurs in editing in Dreamweaver, but when uploaded to our server it appears correctly.


            Thanks for your help!

             

             

             


                <div id="footer">AXIS Dance Company &middot; 1428 Alice Street, Suite 200 &middot; Oakland, CA 94612<br />
                    Phone: 510-625-0110 &middot; Fax: 510-625-0321
                </div><!--end footer-->
                <div id="navBar"><!--<a name="navigation" class="minimize"> </a><br />-->
                    <!-- begin list for menu-->
                    <ul id="udm" class="udm">
                        <li><h2><a href="index.php">home</a></h2>
                        </li>
                        <li><h2><a href="about.php">about us</a></h2>
                            <ul>
                            <li><a href="about.php">About AXIS</a></li>
                            <li><a href="about_news.php">News</a></li>
                            <li><a href="about_mediaKit.php">Media Kit</a></li>
                            <li><a href="about_dancers.php">Dancers</a></li>
                            <li><a href="about_staff.php">Board & Staff</a></li>
                            <li><a href="about_jobs.php">Jobs & Auditions</a>
                            <ul>
                                <li><a href="about_internships.php">Internships</a></li>
                                </ul>
                            <li><a href="about_faq.php">FAQ</a></li>
                            <li><a href="about_contact.php">Contact Us</a>
                                <ul>
                                <li><a href="about_contact_directions.php">Directions</a></li>
                                </ul>                   
                            </li>
                            </ul>
                        </li>
                        <li><h2><a href="performance.php">performances</a></h2>
                            <ul>
                            <li><a href="performance.php">Performance Calendar</a></li>
                            <li><a href="performance_repertory.php">Repertory Clips </a></li>
                            <li><a href="performance_gallery.php">Image Gallery</a></li>
                            <li><a href="performance_reviews.php">Reviews</a></li>
                            <li><a href="performance_booking.php">Booking AXIS</a></li>
                            <li><a href="performance_collaboration.php">Collaborating Artists</a></li>
                            </ul>
                        </li>
                        <li><h2><a href="education.php">education</a></h2>
                            <ul>
                            <li><a href="education.php">About Education </a></li>
                            <ul>
                                <li><a href="kids.php">Dance Access/KIDS!</a></li>
                                <li><a href="Adults.php">Dance Access (Adults)</a></li>
                               
                                </ul>
                            <li><a href="education_danceAccess.php">Class Schedule</a></li>
                            <li><a href="education_hiring.php">Booking Dance Access</a></li>
                            <li><a href="education_summerIntensive.php">Summer Intensive</a></li>
                            <li><a href="education_resources.php">Resources</a>
                                <ul>
                                <li><a href="education_resources_videos.php">Media</a></li>
                                <li><a href="education_resources_articles.php">Essays & Articles</a></li>
                                <li><a href="assets/teachersGuide.pdf">Teacher's Guide (PDF)</a></li>
                                </ul>                   
                            </li>
                            <li><a href="education_likeUs.php">Companies Like Us</a></li>
                           
                            </ul>
                        </li>       
                        <li><h2><a href="support.php"> support </a></h2>
                            <ul>
                            <li> <a href="support.php"> Ways to Support</a></li>
                            <li><a href="support_volunteering.php">Volunteering</a></li>                   
                            <li><a href="support_mailingList.php">Join Mailing List</a></li>                   
                            <li><a href="support_store.php">AXIS Store</a></li>                   
                            <li><a href="support_funders.php">Funders &amp; Donors </a></li>                   
                            <li><a href="support_webSupporters.php">Web Supporters</a></li>                   
                            </ul>
                        </li>
                    </ul>
                    <img src="images/shim.gif" width="800" height="1" border="0" alt="navigation bar" /><br />
                </div><!--end navbar-->
            </div><!--end center-->
            <div id="copy">
                <div id="right">&copy; 1999-2010. AXIS Dance Company  <br>
                    <a href="http://www.facebook.com/pages/AXIS-Dance-Company/56899952604?ref=ts" target="_blank"></a> <a href="http://www.youtube.com/user/AXISDanceComp" target="_blank"></a> <a href="http://www.axisdance.org/support_mailingList.php" target="_blank"></a><br />
                </div>
                <div id="powered"> </div>
                <div class="clear"> </div>
            </div><!--end copy-->
            <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
            </script>
            <script type="text/javascript">
            try {
            var pageTracker = _gat._getTracker("UA-10598516-1");
            pageTracker._trackPageview();
            } catch(err) {}</script>
            </body>
            </html>

            • 3. Re: Footer displayed inaccurately in Dreamweaver CS4 php page
              bemdesign Level 4

              1) Never 100% trust design view in Dreamweaver - only trust what you see live from the server in a browser.

               

              2) For PHP (and other dynamic server side scripted sites) you should always have a testing server to test your code changes against before loading them to the live server. Just good standard operating practice.

               

              In your case, as everything looks fine once you load it to an actual server, there's nothing wrong with your code - it's just Dreamweaver's Design View screwing the rendering up as usual. Again, don't trust design view! Only trust what a browser actually shows you (and even then, some browsers are more standards compliant then others).

              • 4. Re: Footer displayed inaccurately in Dreamweaver CS4 php page
                Nancy OShea Adobe Community Professional & MVP

                BUILDING DYNAMIC SITES in DW

                 

                Get one of the following testing servers for your OS and follow the installation instructions.

                 

                WAMP for Windows
                http://www.wampserver.com/en/

                 

                XAMPP for Windows
                http://www.apachefriends.org/en/xampp-windows.html

                 

                XAMPP for Mac
                http://www.apachefriends.org/en/xampp-macosx.html

                 

                MAMP for Mac
                http://www.mamp.info/en/downloads/index.html

                 

                Set up a local test server in Adobe Dreamweaver CS4

                http://www.adobe.com/newsletters/edge/december2009/articles/article2/index.html

                 

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists
                http://alt-web.com/
                http://twitter.com/altweb
                http://alt-web.blogspot.com