-
1. Re: Why does this header shift?
bregent May 21, 2009 1:51 PM (in response to onefiftymph)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 May 21, 2009 2:08 PM (in response to bregent)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. May 21, 2009 3:01 PM (in response to onefiftymph)<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.
- HTML Validator - http://validator.w3.org
- CSS Validator - http://jigsaw.w3.org/css-validator/
- CSS & HTML Tutorials - http://w3schools.com/
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 May 21, 2009 3:20 PM (in response to onefiftymph)Try deleting the height attribute (23) in the td tag above the navigation.
-
5. Re: Why does this header shift?
onefiftymph May 21, 2009 3:45 PM (in response to Nancy O.)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!



