Well here goes, recently I volunteered to do a web site for a non-profit organisation and it is now up live at "http://liver.org.au". I'm interested to hear what suggestions you have to improve the site structurally, I have no control over the content as such.
You done good. Suffering
You done good.
Suffering from the "em font-scaling" bug. The fonts go goofy at text-size largest (or any user setting other than "medium") in the IE browsers.
The fix is to call a 100% base, so at the top of the style sheet, add:
Going back and forth among short and long pages yields page shift. This does not "bother" everyone (it drives me nuts). An explanation and CSS fix is available here:
The jump link "top" is really not need as this is just duplicating a keyboard function.
Would the vertical nav block look better centered horizontally?
IE/6 and down do not support min.max width. You could use your favorite method work around,"IE expressions," or min/max javasript.
Sites built by pros are always valid (X)HTML and valid CSS. No need to raise red flags or throw flares. In other words, let the client know the stuff is valid. But ditch the logos and links. They just distract your clients users from concentrating on the site content.
In yet another personal opinion, I'd consider a little lighter and warm blue background color, and perhaps a sienna rather than blood red accent-- might be less off-putting for some people.
You need landing pages for
You need landing pages for all the top level navigation links.
Yeah, the top level
Yeah, the top level navigation needs to have pages. When I click on the ABOUT US link, I get the following error:
The requested URL /about_us.htm was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Either you need to change the href to href="#"or ensure that page actually exists. The same problem occurs when I click on "GIVING", "GRANTING" and a few others. Also, when i click on the "OBJECTIVES" link, i get a unstylized navbar which has been floated to the left and looks like it shouldn't be there.
Also I agree with David Laakso regarding the color choices. Unless the client has specifically asked for that palette I'd considering trying a slightly softer blue as a background and perhaps something other then red for the headers. Red and Cyan don't hit the eye well. Try a dark gray or dark blue value - it'll stand out against the white background and still grab the users attention.
Also, it's commendable that you have used minimal graphics to make loading the pages quick, but the header could do with some styling.
All in all there are very few changes you need to make to get the site looking and working better. Good luck with them !
Thanks guys, I appreciate
Thanks guys, I appreciate your comments, however, I am a little perplexed about jumping pages as described by David.
I have never seen this happen (or at least that I was aware of it happening, might have something to do with my eyesight or my age, 68+) but one thing has got me stymied is how the title text in the header sometimes gets chopped off at the bottom after scrolling the page in IE but suddenly re-appears if the page is refreshed or the mouse is moved over the nav menu if the "top" link is used, that also fixes it.
David is this the em font scaling bug to which you referred ?
I tried your suggestion about 100% base but the behaviour was still there.
I thought it might have something to do with hasLayout but I'm not sure or has it something to do with the guillotine bug?
I take what you say about pros coding properly but I am not a pro, just an enthusiastic amateur who did this site for free and I guess an older man's pride has got the better of me with the w3c icons but I can see how it may cause a little bit of confusion with some visitors.
The matter of red headings, I agree that I've used a sledge-hammer approach but I based the colours on those in the logo and I am re-working the heading styles so "less is more" and I'll be up-loading the next version in the next 24hours.
You will not see page shift
You will not see page shift in IE. Go to Firefox. Click your various links to go from page to page. You'll see the 16px shift on pages not deep enough to draw a scroll bar. If it is not noticeable or "bother" you, forget the whole thing. Otherwise, re-read the article referenced above for a fix. Page shift has nothing to do with the "em" bug, nor does it have anything to do with text disappearing and reappearing on scroll.
The "em" bug occurs in all versions of IE. To see it in IE/6: go to> view> text-size> largest>. It makes the fonts go goofy. The fix is above. The "em" bug has absolutely nothing to do with text appearing and disappearing on scroll.
I am not able to reproduce the behavior you get in IE with text disappearing. This does not necessarily surprise me. I am not on a "native" box; consequently, there are sometimes rendering differences. The behavior you get sounds in fact like the "guillotine" bug. Since I am unable to see it here, rely on someone else on the forum for a correction for whatever the cause.