Site redesign review please

[bcarl314]

I'm working on a redesign for pheasants forever, and they along with mysqlf have come up with this design. I was wondering if you could let me know if there are any rendering problems.

So far I've tested in:

Win2k - > IE5.5, & 6, Netscape 7
WinXP - >IE 6
Mac OS 9 - > IE 5

I know it looks bad in NN4.7, but I think I'm just going to make that a text based site using php to detect the user agent, then redirect as such.

I'm really interested in knowing how this renders in Mozilla, Opera, and some of the other Gecko based browsers. (No Lynx please :) )

<edit>
Also, anyone know how to fix the line spacing problem on the left Nav Menu in Netscape 7???
</edit>

Also, general impressions would be appreciated. Thanks

The URL:

http://www.aphion.com/client/pf/index.html

Their current site:

www.pheasantsforever.org

Thanks

[raf]

Sorry, but i didn't like it.

It's to much + everything tryes to get your attention and i frankly wasn't sure i would like to start reading anything. I don't like these inverse layouts (black background with lighter foreground), the image in the right top and the green button at the bottom don't have the same look and feel, the menu in the top isn't readable (at 1024 x 767), the menu on the left is way to big while the main text is to small.

But maybe it's just me...

[Vladdy]

While you put valid XHTML and CSS logos, you still have unnecessary tables for layout.

I do not get the top bar - looks like navigation, but no links.

The whole point of XHTML is to have one page for every browser, so if you use it right there should be no need for NN4.*. With correct markup it would deliver content in Lynx as well, which is hardly the case:
http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fwww.aphion.com%2Fclient%2Fpf%2Findex.html

The padding for the left nav is too big (in Gecko) remember about faulty IE box model.

Things start overlapping when font size is increased.

Tags should represent the content first, and little may be added for layout later.
If you have a list of links, use <ul><li>...

Horisontal bars in left navigation could be done using borders, images just pollute the content.

Instead of <div class="titleTxt> use header tags.

Use of <br /> where padding can be specified.

<span class="bigTxt">Just $12.00!</span> should be <strong>Just $ 12.00!</strong>

Bullet images could be done using :before pseudo-class (so they won't show in POS IE - no biggie).

[bcarl314]

Vladdy:

Thanks for the feedback, I tried a few things that seemed to work for me, so I went with it.

While you put valid XHTML and CSS logos, you still have unnecessary tables for layout.

It was the only way I could figure out how to:
1) Make the screen scalable
2) Make sure no Divs / content overlapped at lower resolutions
3) Implement a "min-width" for browsers that didn't support it.
4) Keep the content in alignment, rather than having divs / span break.

I do not get the top bar - looks like navigation, but no links.

It will be navigation, just haven't made it so as of yet.

The padding for the left nav is too big (in Gecko) remember about faulty IE box model.

That alwas stumbles me up, any tips are appreciated on how to fix it so it works in IE and Gecko.

Things start overlapping when font size is increased.

Didn't notice that. Thanks


Horisontal bars in left navigation could be done using borders, images just pollute the content.

I tried using <hr /> but that didn't validate, so I used images instead.

Thanks for the input, I really appreciate it.

Raf,

I know, I've put out some other designs, this is the one the graphic designer came up with, and they said "I like that". They're going for something that appeals to hunters and conservationalists alike, and they felt this worked best.

I'll make the top nav images a little larger and mess around with font-sizes.

Thanks

[Nightfire]

I didn't like it, the menu (html menu) had the text far too big, the validator links aren't needed as visitors won't give a feck if it's valid xhtml or css, or even know what it means.

I don't like the colours either, reminds me of puke after 12 hours of drinking cheap spanish beer.

The page background I think could be another colour, as to me the background is the only thing that is standing out