5 Replies Latest reply: May 21, 2009 3:45 PM by onefiftymph RSS

    Why does this header shift?

    onefiftymph Community Member

      http://coronetprinting.com/_contact.html

       

      Starts lower on page and shift between header and nav buttons

       

      The other pages look ok

        • 1. Re: Why does this header shift?
          bregent CommunityMVP

          Probably because the other pages have more content which causes the scrollbar to appear. If you want you can just force the scrollbar on that one page, but I wouldn't really worry about it.

          • 2. Re: Why does this header shift?
            onefiftymph Community Member

            All the pages have a scroll bar. It's in the style sheet. The entire page shifts down and the medallion graphic is broken, which can be easily seen by navigating through the pages.

            • 3. Re: Why does this header shift?
              Nancy O. CommunityMVP

              <Image Ready Code>  Run awaaaaayyyy!

               

              I have a strict policy to NOT waste my time sifting through HTML code that's been generated by a graphics app.  This code is tenuous at best.  Fine for quick protypes to show a client but lousy on performance.  Image Ready code is fragile and prone to falling apart this way.

               

              My best advice:  Use PhotoShop to create your images (not HTML).  Use DW to create your HTML code.

               

              If you want a quick fix for this one page, my 2nd suggestion is to copy and paste the header and menu code from a working page into the broken one.  It might work.  It might not.

               

              Also, you may want to fix some of the code validation errors on all your pages paying  special attention to adding a valid document type declaration to the top line of your pages so browsers won't render your site in Quirks Mode.

               



               

               

               

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

              • 4. Re: Why does this header shift?
                FredBelanger Community Member

                Try deleting the height attribute (23) in the td tag above the navigation.

                • 5. Re: Why does this header shift?
                  onefiftymph Community Member

                  Never mind. I got it to work.

                   

                  Maybe Photoshop isn't ideal for making web pages, but in general it's fast (seconds vs half hour in DW) and has served me well when I needed it. The frustrating thing is that DW doesn't give actual WYSIWYG. I'm not a coder or a full-time web designer and know only a little html and CSS, though I try to learn when I can. I constantly run into things like a simple space between carots (> <)  will totally screw up a page some times and not others, whether a page is created in DW or PS. It's copying and pasting from page to page that DW screws up the most.

                   

                  Todays exercise—adding a new button to the nav of this site—turned in to an all morning event of shifting tables and bizarre spaces until I basically had to rebuild the entire site, making a page that works and duplicating it, only to continue to have the problem noted. The code is mashed because DW doesn't change WYSIWYG when I try something so I try something else until it behaves and gives me something that looks like it's supposed to and isn't broken. Good enough for my skill level. ;0) I've got other things to do...

                   

                  Regardless, thanks for taking the time to try to help. I always learn something here!