Rate my site

Hello codingforum,

I was hoping some of you could rate my website.

www.albanyknicksrfc.com

I'm looking for critique and criticism on:
-design elements
-cross browser compatability
-coding
-and other bugs

Last year, my rugby club needed a website. I jumped at the chance without any experience whatsoever. So now have been doing html, css and a little javascript for about 1.5 years now. Completely self taught so there are some gaps in my knowledge. I was hoping the community on this forum could give me some critique.

thanks a lot.

-kevin

in IE 7 it is not displayed OK.

I know there is a site that will allow me to test in all versions of IE. Do you know what this site is?

thanks for your help

- Overall good design, but I like it without the gradients at the bottom.
- Couple of the headers have broken links.
- Change the header url to the homepage index, not the current page.
- Change your default font to san-serif fonts
- Not into the pink font with blue background.
- Maybe add a little css design on the tables. Look a little plain.

- A bug in the "Directions" page w/ footer. (Firefox 3.6)
http://postimg.com/thumbs/12000/11361.jpg (http://postimg.com/image/12000/11361.jpg)


Great job Kevin, I like it!

I know there is a site that will allow me to test in all versions of IE. Do you know what this site is?

thanks for your help

I use http://browsershots.org/

may have to sign up though, it's free.

BTW. I would validate your site: http://validator.w3.org/check?uri=www.albanyknicksrfc.com&charset=%28detect+automatically%29&doctype=Inline&group=0

Theirs 45 errors and may help keep your site bug free.

- Overall good design, but I like it without the gradients at the bottom.
- Couple of the headers have broken links.
- Change the header url to the homepage index, not the current page.
- Change your default font to san-serif fonts
- Not into the pink font with blue background.
- Maybe add a little css design on the tables. Look a little plain.

- A bug in the "Directions" page w/ footer. (Firefox 3.6)
http://postimg.com/thumbs/12000/11361.jpg (http://postimg.com/image/12000/11361.jpg)


Great job Kevin, I like it!

thank you very much. I will fix these issues imed!

BTW. I would validate your site: http://validator.w3.org/check?uri=www.albanyknicksrfc.com&charset=%28detect+automatically%29&doctype=Inline&group=0

Theirs 45 errors and may help keep your site bug free.

whoa. these are going to keep me up all night. damn validator!

thanks

- Change your default font to san-serif fonts

http://postimg.com/thumbs/12000/11361.jpg (http://postimg.com/image/12000/11361.jpg)


why change fonts to sans-serif?

Do you not like the Copperplate Gothic?

I was thinking of using Gotham, Droid sans, or Helvetica

why change fonts to sans-serif?

Do you not like the Copperplate Gothic?

I was thinking of using Gotham, Droid sans, or Helvetica

Did you download that font (Copperplate Gothic)?

Because what I'm see is a default Times New Roman font.

I don't think I have that font stored on my Windows 7 OS, so that why I'm seeing Times New Roman, I would change it to a more standard font like Helvetica, verdana, arial, etc.

Did you download that font (Copperplate Gothic)?

Because what I'm see is a default Times New Roman font.

I don't think I have that font stored on my Windows 7 OS, so that why I'm seeing Times New Roman, I would change it to a more standard font like Helvetica, verdana, arial, etc.

I didn't download it. I think I'm going to solve to font problem using Typekit. I think typekit will provide fonts for anyone who visits the site but doesn't have fonts installed.

Moved to appropriate forum.

I'm going to take a shot and say that you're better off without Copperplate Gothic being used. All-caps are very bad for readability, and it looks amateurish. Use something more readable for your text & tabs, maybe a sanserif. Play around with it. It does, however, make that nice header you have.

I highly recommend you don't use JPEG scans in this situation, because it looks like a low-quality version has loaded.

I think the light blue you have as the text areas could be changed to white to give a more professional look. Play about with that--the blue looks far too muted and uninteresting.

The favicon needs work. Are you restrained by the client in this respect?

I get a horizontal scrollbar (Ubuntu, Firefox 3.5) with about 200 pixels of space off to one side. I'm not quite sure why.

Moved to appropriate forum.

I'm going to take a shot and say that you're better off without Copperplate Gothic being used. All-caps are very bad for readability, and it looks amateurish. Use something more readable for your text & tabs, maybe a sanserif. Play around with it. It does, however, make that nice header you have.

I highly recommend you don't use JPEG scans in this situation, because it looks like a low-quality version has loaded.

I think the light blue you have as the text areas could be changed to white to give a more professional look. Play about with that--the blue looks far too muted and uninteresting.

The favicon needs work. Are you restrained by the client in this respect?

I get a horizontal scrollbar (Ubuntu, Firefox 3.5) with about 200 pixels of space off to one side. I'm not quite sure why.

are you talking about the picture of the rugby field?

I get a horizontal scrollbar (Ubuntu, Firefox 3.5) with about 200 pixels of space off to one side. I'm not quite sure why.

Web Developer tells me it is the block element of the footer that is causing it.

Most of the coding errors I saw in the validator are because you are doing this


<li>stuff here</li>
<img src='bleh' />
<li>more stuff here</li>


You can't split up a list like that and you should also have alt tags in the img src line even if it is just


alt=''


The images I refer to seem to be spacer images so I think with improved css, you could dispense with the need for them.

bazz

are you talking about the picture of the rugby field?

As in the header picture? Yes. Just save it as a straight JPEG.

I get a horizontal scrollbar (Ubuntu, Firefox 3.5) with about 200 pixels of space off to one side. I'm not quite sure why.The following may fix it. #footer-2 {/*styles.css (line 109)*/
background:transparent url(../images/png/tran_divs/footer.png) no-repeat scroll center bottom;
/*float:left;*/
height:120px;
margin:0;
padding:0 0 0;
/*width:900px;*/
}
Using excessive floats is a bad practice. I think, your layout only needs 2 or a maximum of 3 floats for that layout. Take a look a good 2 column layout, http://bonrouge.com/2c-hf-fluid(r).php, which has only one float altogether.

Good color layout, easy on the eyes. However there is a bug in the Schedule page. It's all messed up on my FF 2.0.0.20 see attached.