Suggestions and Comments Please About My Site

[atolar]

Could you all please look at a site a colleague and I are doing for a competition and let me know what you think?

http://hhsboyssoccer.com/HamptonTSA/

Suggestions?

Comments??

Thanks.

[Major Payne]

Very well done. Plus, I liked it when I saw there were no errors/warnings when validating the page. One suggestion: Reduce size of top image, 108.27 Kb is a bit much. Page will load faster. Page wasn't centered in Firefox nor IE 7, but then, some webbers don't like centering pages. LOL

Your CSS problems:

URI : http://hhsboyssoccer.com/HamptonTSA/
34 Value Error : width only 0 can be a length. You must put an unit after your number : 425
34 Value Error : height only 0 can be a length. You must put an unit after your number : 327

Darn good guys...

Ron

[atolar]

Did it span down the page when you viewed this? Do you think I should do something different for the background when it goes down the page?

[KDLA]

If you're trying to make this accessible, you'll need to use semantic coding. Normally, you enclose individual paragraphs with a <p></p> tag. Instead, you've got one big div broken by line breaks and headings.

Also, I suggest converting the .png to a .gif. As a result, the file size will greatly decrease.

[atolar]

Alright, thanks for that suggestion.

What do you mean by "semantic coding" ?

[KDLA]

Using tags like you would if you were creating a report outline, or dictating your text to someone (as would a screen reader).
Heading 1: Title
New Paragraph: blah, blah, blah
New Paragraph: more blah, blah, blah
instead of
Heading 1: Title
blah blah blah more blah blah blah

It helps you with search engines, as well as accessibility.

References: http://www.communitymx.com/content/article.cfm?cid=A1A37
http://mezzoblue.com/downloads/markupguide/

KDLA

[atolar]

I saved the header as .gif and it's 93kb... as .png it's only 80kb.

[charlesgan]

nice artwork. just a comment here, the page load very very very slow.

[Major Payne]

I saved the header as .gif and it's 93kb... as .png it's only 80kb.Use jpeg and have your Photo Editor adjust the quality of image which will also reduce the file size. I use Photoshop CS2 and usually a 5 setting will get it down. There's an indicator which shows the file size as you adjust. Maybe one in your editor. How low you can go and retain a reasonable image depends on original quality of image, but definitely get it smaller in file size.

Ron

[atolar]

k thanks. what else?

[Major Payne]

I take it the image content-bg.jpg is the way you want it with the center portion extending pass the bottom border. For me it takes about 3.344 seconds to load each time. Not bad for a 81.54 Kb sized image, but some reduction in size would help others on dial-up or using slower PCs.

The CSS hasn't been corrected for the two main errors. There are 14 others recommended, but most people don't care to have a 100% validated CSS.

I would place the "Search this Site" somewhere else on the page so it's easily seen and page looks a little more balanced. The whole page is off-centered, but that may be by your choice.

In IE, I wound up with a horizontal scroll bar, too. The text has been squeezed together (Welcome to Hampton's..., etc.). The bottom image is what is causing the horizontal scroll bar in IE. You may need to rework the CSS to take into consideration IE's quirks when parsing a page.

HTHs,

Ron