13 Replies Latest reply: Oct 2, 2009 11:52 AM by sunovice RSS

    Why does Nav, Header & Footer keep disappearing from web pages on DW CS4

    InJoy! Community Member

      When I open a website page file, it shows an asterick meaning that a change has been made since last save -- and the nav, header and footer are gone!

       

      When I check the nav, footer and header, they all have astericks too, and I haven't changed anything since I last looked at the pages.

       

      After freaking out, I have learned to to right click on the file tab at the top of the DW screen, and click revert to get the missing parts back, but why does this keep happening???  Thanks!

        • 1. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
          Ben M MVP

          This is an odd problems.  Sounds like bad permissions where you might update your files but nothing saves.  Have you tried repairing permissions?

           

          Also what OS is this, and is this happening with any other sites or files?

          • 2. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
            InJoy! Community Member

            Thank you.  I don't know what permissions are.  I have a dell laptop with Windows XP.  I am working in DW CS4.  I save and upload the nav, footer and header.  It is when I am opening an existing webpage to work on that those pages are coming up with no nav, header or footer.  I right click on the file tab and click "Revert" to get the library files back on the page and then save the page before I make changes.  I just don't know why this keeps happening.  Am I missing something in my steps with DW?

            • 3. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
              sunovice

              I'm not an expert at any of this, but sometimes on some sites I've created, the footer disappears from the page when I am working on it. I can't see it at all. BUT when I check the page in Preview, it is still there. When I upload the page, it is there. Might have something to do with CSS code positioning ?

              • 4. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                InJoy! Community Member

                Thank you, I just tried to preview it in 3 browsers, and the nav, footer and header are not there.  I just posted another cry for help because when I tried GET to bring everything back (this worked before) I did not get these pieces back even though they are on the live site.  I don't want to mess up my site, and I don't know CSS.  The site was created by someone else in html tables and CSS as far as I can figure out.

                • 5. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                  sunovice Community Member

                  Maybe those sections are server-side includes, I think that's the word - where the header, footer and nav are created on separate pages and uploaded, and then download for each main content area when someone views your site.A way of not having to put those items on each page individually. Not sure how it works. I'll see if I can find the book that talks about this. I may have it at home. May take me a day or two to get back to your thread, my DSL is not functioning at home.

                  The person who developed your site could maybe answer your question.

                  Sunovice

                   

                  P.S - just throwing out ideas - as I said I am not an expert.

                  • 6. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                    Nancy O. MVP

                    Post a URL to your page.  Without seeing your page and code, this is all a big empty guessing game.  If your site uses Server-Side-Includes for Nav, Header & Footer, you would need a local testing server on your computer  to see them parsed into the page.

                     

                    When things go terribly wrong, often is due to malformed code, orphaned <div> or <td> tags.  Use the on-line validation tools below and fix any reported errors.

                     

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

                     

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

                     

                    HTML & CSS Tutorials - http://w3schools.com/

                     

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

                    • 7. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                      InJoy! Community Member

                      Thank you.  My website is http://AromaForHealth.com.  I am new to html, taking my first class, so I don't know enough yet to correct code.  I have been working on the site for 3 months and this has not ocurred until recently.  Thanks, everyone, for your help.

                      • 8. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                        Nancy O. MVP

                        Start by moving the following code so that is between the <head> and </head> tags.  It doesn't belong inside a table and I wonder how you managed to get it there. I know DW didn't do it.

                         

                        Ultimately, you need  to compare the CSS styles in your HTML document with those in your external stylesheet because you have many duplicate styles.  Where there are competing styles, Embedded Code takes priority.  But it's always cleaner to keep your CSS styles in a common external style sheet for all your pages to use.

                         

                        <style type="text/css">
                        <!--
                        .Tele {
                             font-family: Georgia, "Times New Roman", Times, serif;
                             font-size: 18px;
                             font-style: normal;
                             font-weight: bolder;
                             font-variant: normal;
                             color: #800000;
                        }
                        .TeleHrs {
                             font-family: Georgia, "Times New Roman", Times, serif;
                             font-size: 14px;
                             font-style: italic;
                             font-weight: bolder;
                             font-variant: normal;
                             color: #C30;
                        }
                        h1 {
                             color: #090;
                             font-size: 16px;
                             font-style: normal;
                             font-weight: bold;
                        }
                        h1,h2,h3,h4,h5,h6 {
                             font-family: Georgia, Times New Roman, Times, serif;
                        }
                        h2 {
                             font-size: 16px;
                             color: #F00;
                        }
                        h3 {
                             font-size: 18px;
                             color: #090;
                        }
                        h4 {
                             font-size: 12px;
                             color: #000;
                        }
                        h5 {
                             font-size: 12px;
                             color: #000;
                        }
                        h6 {
                             font-size: 16px;
                             color: #F0F;
                        }
                        -->
                        </style>
                        
                        

                         

                        You don't need to take a class in Dreamweaver to learn about good coding practices.  Start learning on your own today!

                         

                        HTML & CSS Tutorials - http://w3schools.com/

                         

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

                        • 9. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                          InJoy! Community Member

                          Thank you for the info re code, and the help.  I couldn't grasp CSS style selectors in my DW class, and when I inherited my website I started updating it and played with the text using h1, etc., in both html and css. I only create code while in Designer View.  I do not yet know css and how to create it within an external style sheet.  I am currently taking my first html, xhtml,css class to learn about correct code.  You said, "Embeded code takes priority," assuming that means external style sheet code, that explains why I couldn't get some of the text colors to work properly.

                           

                          As you suggested, I compared the external style sheet file (styles.css) with the css styles on the index.shtml and prod-pregnancysafe.shtml (the page that currently won't bring up the nav, footer or header, and won't GET them back on that page from the live site either).  All these external style sheets are the same.

                           

                          I found the code you copied into your response at the top of the nav.htm file where I added a tele and business hours while in Design View.  The nav.htm file is a vertical table but the code you copied showed up at the top of the page before the table tag.  You suggested I move this code between the head tags, but there is no head tag or doc type on nav.htm as far as I can see.

                           

                          Q.  I am assuming all css code should appear only in the external style sheet (my file styles.css).  Should I delete all this css code that is mixed in with the html code down to the table tags on the nav.htm and footer.htm files since it wasn't created properly?  The text will then revert to whatever the html and css font, color, size, etc., that is set for those files.  And I will learn how to create css via the style selector.

                           

                          Q. Will this clear up the asterisk problem and missing nav, footer and header files?  (Although the head.htm file doesn't have any of this extra code, it is only an image file within a table.)  When I opened these files to look at the code, they all opened up with an asterisk.  So did the prod-pregnancysafe.shtml that has the nav, footer and header missing.  (This page, at the top of the <body> tag says <!--#include.virtual="/head.htm".--> BUT THERE IS NO HEADER ON THAT PAGE, and why won't it load from the live site with the header, footer and nav???

                           

                          Thanks from AromaForHealth.com

                          • 10. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                            sunovice Community Member

                            Hi Injoy,

                            I think your problem is way over my head, but I do know that - in your last

                            paragraphs or question - you refer to a head.htm *

                            (<!--#include.virtual="/head.*

                            >

                            htm".--> and nav.htm and footer.htm files and this tells me, (me, who

                            knows very little really) that this is a server-side include file which is

                            "called" every time someone looks at one of your pages. I looked at your

                            site online - you have some beautiful photographic work on it, by the way -

                            all of your web pages download with full header, nav bar, and footer. So

                            those things are all there.

                             

                             

                             

                            Your problem may just be that you cannot see them on your computer when you

                            are working on your site. Setting up a local "webserver" on your computer

                            may be the first thing you need to do. Not sure how to do this.

                            >

                             

                            Your CSS code should be all together on one "sheet", but sometimes it is

                            necessary to include some code in the "head" section of each page (This is

                            what is meant by "embed" code in the page itself - in the head section.)

                            This is not to say header in design view, but :"head" in code view where all

                            the meta tags are placed. It may be necessary to have several CSS sheets.

                            But CSS code never appears within the BODY section of the code - as far as I

                            know!

                             

                            As well as being structural tags, *the html tags (h1, h4, CSS classes and

                            Div tags, etc) used on your pages are instructions that tell the browsers to

                            use specific things from your CSS sheet to create the style, the look of

                            your page and how it functions.* The browsers know nothing and they need to

                            be told what to do!

                             

                            As one of your other helpers responded, the "*embedded*" code in the head

                            section wil*l take precedence over any external style sheet.* Changes made

                            in the style sheet will not take effect if there is conflicting code

                            embedded in the head section of your pages. This same person suggested

                            printing copies of your CSS code sheet and code in the head of each page and

                            comparing the CSS code to get rid all that is also on your external sheet.

                            But only delete that stuff that is in the *CSS code format*, *not java

                            script, etc.*

                             

                            I looked at your source code - all of that code that it is the BODY section

                            should not be there. See below. Copy it and paste it in a word file for

                            future reference. Then delete it from the Body area. The "CSS styles"

                            "text/css" *should not be in the body of the page*, ONLY in head section or

                            external CSS sheets.

                            You can then copy that code into your styles sheet if it is not already

                            there.

                            I suggest experimenting with a copy of your index file or contact page

                            before you do anything to the real pages. Preview it, and If it works, then

                            you can implement it on the real page.

                             

                            <!--

                            .Tele {

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

                            font-size: 18px;

                            font-style: normal;

                            font-weight: bolder;

                            font-variant: normal;

                            color: #800000;

                            }

                            .TeleHrs {

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

                            font-size: 14px;

                            font-style: italic;

                            font-weight: bolder;

                            font-variant: normal;

                            color: #C30;

                            }

                            h1

                            h1,h2,h3,h4,h5,h6 {

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

                            }

                            h2 {

                            font-size: 16px;

                            color: #F00;

                            }

                            h3 {

                            font-size: 18px;

                            color: #090;

                            }

                            h4 {

                            font-size: 12px;

                            color: #000;

                            }

                            h5 {

                            font-size: 12px;

                            color: #000;

                            }

                            h6 {

                            font-size: 16px;

                            color: #F0F;

                            }

                            -->

                            </style>

                             

                            Hope this helps rather than confuses you more. I've got to run, have

                            meetings to attend.

                             

                            Sunovice, AKA Susan who knows very little

                            • 11. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                              sunovice Community Member

                              Hi InJoy,

                               

                              I mentioned a book yesterday that might be helpful. It is *Build your own

                              Standards Compliant Website Using Dreamweaver 8, *written by Rachel Andrew,

                              published by Sitepoint Pty, Ltd 2005.

                               

                              It is an old basic book, but explains the server-side includes and CSS

                              styles fairly clearly. Chapter 8, page 225-234 talks about creating the

                              server-side includes and how it all works together with the CSS style sheet

                              - and how and why includes are sometimes not visible!!!!

                               

                              So forget everything I said 'cause I really don't understand it myself, but

                              do now, more than before after rereading Chapter 8.

                              You can buy the book at Sitepoint website, or it is probably in many second

                              hand stores that carry books or even at the library.

                               

                              Have fun reading.

                               

                              Sunovice

                              • 12. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                                InJoy! Community Member

                                Thank you.  I am still trying to digest your info from last email.  I just ordered Rachael Andrew's book you suggested from half.com for $.75 plus shipping. Thank you very much.  I also have Zac Ruvalcaba's book on CS4 and I will read his 10 pages on server -side includes while I am waiting.  Dummies CS4 book doesn't have anything, at least not in the index.

                                 

                                I am in the process of changing the website back to HTML 4.0 to see if that will help.  I determined that all the external style sheets are the same for the nav, footer, head.htm and index files.  And I will compare the external CSS style sheet with the css code that appears at the top of the nav and footer pages and delete it, as you suggested, it if it is also on the external style sheet file "styles.css." 

                                 

                                Thanks for noticing all the great art on our site.  I love it too.  Onward and upward...  I am very grateful for this forum. 

                                 

                                 

                                Alethia living simply so others can simply live

                                 

                                100% NATURAL AROMATHERAPY  AromaForHealth.com

                                GreenWomynTrade.com   ART & GREEN TOOLS COMING SOON!

                                GoddessWaveRadio.com   GLOBAL VISION PODCASTS COMING SOON!

                                • 13. Re: Why does Nav, Header & Footer keep disappearing from web pages on DW CS4
                                  sunovice Community Member

                                  Don't forget to delete the CSS coding that is embedded in the *BODY *section

                                  of your html code. Look for the body tag and scroll down till you see

                                  something that is formatted like CSS code.

                                   

                                  You are welcome. I know this stuff is complicated and one cannot always find

                                  information that is clear enough to be helpful. Some of the stuff, even if

                                  found in a book, seems so intangible and hard to understand like it was a

                                  completely different language. A lot of the simpler books leave important

                                  information out. The more complex books are incomprehensible!

                                   

                                  I have had my tech support people at my host server tell me they are not

                                  there to teach me how to build websites!

                                   

                                  These forums are great if people truly are helpful.

                                  sunovice