...

View Full Version : Rate my site



kcwoodfield
02-18-2010, 09:37 PM
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

BubikolRamios
02-18-2010, 09:48 PM
in IE 7 it is not displayed OK.

kcwoodfield
02-18-2010, 09:52 PM
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

YoshiGoneMad
02-18-2010, 09:55 PM
- 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!

YoshiGoneMad
02-18-2010, 09:57 PM
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.

YoshiGoneMad
02-18-2010, 10:03 PM
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.

kcwoodfield
02-18-2010, 10:05 PM
- 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!

kcwoodfield
02-18-2010, 10:06 PM
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

kcwoodfield
02-18-2010, 11:44 PM
- 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

YoshiGoneMad
02-19-2010, 12:15 AM
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.

kcwoodfield
02-19-2010, 12:54 AM
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.

Apostropartheid
02-19-2010, 01:05 AM
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.

kcwoodfield
02-19-2010, 01:59 AM
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?

bazz
02-19-2010, 04:03 AM
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

Apostropartheid
02-19-2010, 02:36 PM
are you talking about the picture of the rugby field?

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

abduraooft
02-19-2010, 02:54 PM
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.

masterofollies
02-27-2010, 03:58 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum