Sports Club Website

[thomasmclennan]

I am just finishing up a website for my short track speed skating club. It's almost completed, only a few more pages need content, etc.

http://ridgemeadowsracers.org


Any reviews comments and especially criticism would be welcome =)

Also, The few people that have looked at it commented that some of the site was hard to navigate (eg: I added a text link to the home page under the logo, because it wasn't obvious enough).

A comment on CSS validation. It brings up four errors, eg:

	 Value Error : font-family Property font-family doesn't exist in CSS level 2.1

for the font only used on the home page. I believe that it is semantic in CSS 3. The only reason it is (the code) there, is that otherwise, it is not cross-browser. The bad CSS code is:

@font-face {	font-family: Addcityboy;src: url('/lib/design_fonts/Addcityboy.eot');}
@font-face {	font-family: Addcityboy;src: url('lib/design_fonts/Addcityboy.TTF');}

Thank you for your time!

[rickzwebz]

- The light grey text over images is hard to read
- the text need more padding so the text does not run right up to the edge
- using the forum link button lost your web site

- appears you used a fluid design and did not check the site in 1024x768 which is the most common screen size. On the home page the movie is bumped to the bottom of the page

- not a fan of not having the home link with the rest of the menu

- some images that are shot in portrait display as landscape

[thomasmclennan]

Originally Posted by rickzwebz

- The light grey text over images is hard to read

Originally Posted by rickzwebz

- the text need more padding so the text does not run right up to the edge

Agreed, I switched it to 10px on both sides.

Originally Posted by rickzwebz

- using the forum link button lost your web site

I am thinking of putting the form into an iFrame, or at least going into the vBullitan code and changing it. I am about to get around to it after the final few pages of content are uploaded.

Originally Posted by rickzwebz

- appears you used a fluid design and did not check the site in 1024x768 which is the most common screen size. On the home page the movie is bumped to the bottom of the page

I'll re-render the video in 320x200px tonight. Though I am gathering that as technology continues to increase, screen sizes will to. Though, windows XP shipped with the resolution set to 1024 as default (?). Here is the distribution of browser resolutions that access the web, according to w3schools:

Originally Posted by rickzwebz

- not a fan of not having the home link with the rest of the menu

Originally Posted by rickzwebz

- some images that are shot in portrait display as landscape

[Apostropartheid]

Still needs more padding.
What on god's green earth happened with those fonts? It's barely readable!
Your video is wider than the middle section and appears below the sidebars for me. On that topic, why are your sidebars so big?
1024px wide is the standard baseline, meaning your design should fit comfortably into that. As not everybody browses full-screen, this means you should have a maximum width of something in the 900s (personally, I author to 920px.)

[thomasmclennan]

I'm using 0.875em (14px) font for the site, though it seems that it would be best to use 12px and free up some space, thanks.

[Apostropartheid]

No, it's not the size. It was just very thin and blurry on Windows with ClearType. Did you check machines with ClearType enabled?

[thomasmclennan]

Originally Posted by Apostropartheid

No, it's not the size. It was just very thin and blurry on Windows with ClearType. Did you check machines with ClearType enabled?

No, I have only had a chance to check it on a Vista machine and my iPhone.
Most of the font uses

font-family:"Helvetica Neue LT Com 33", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Verdana, Geneva, sans-serif;

, maybe I should add Arial in there.