Website review

[afe]

Can anyone please tell me which of these pages look better? http://afesports.com/indexxxxx.php OR http://afesports.com/ind.php

And any suggestions on making them better? Thanks!

Edit: Do those shades of blue look dead? How can I make it more lively? Thanks!

[A800]

I think the first link looks better. And i also see that you have a png problem for IE browsers lower than IE7.

Here is some Javascript for it. (Place in the head tag)


<script language="JavaScript">
function correctPNG()
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>


The blue colours used in the titles (EG "Statistics") look good, but different colour links on the a:hover event in the main content part. Try a shade of red, but that's me. Good website as well.

[BLiZZaRD]

Agrees that the first looks better. Lots of problems though. IMage optimization is needed here, your main image icon in the top left is loading really slow.. why? Because it is a HUGE image and you are displaying it very very small.

Resize the image to the size you want, using scaling in photoshop or even paint (to a degree) will keep it crisp but small.

Clean up the menus, or use only one, there is a lot going on on that page with no direction.

As I advise for all layouts, find no more than 3 colors and stick with them through out. too many colors, too many scripts and too much content is a disaster for websites.

[afe]

So I should take out some of the scripts and colors? Which ones do you recommend?

[BLiZZaRD]

I would say optimize your logo, use the colors that are in that, and find one menu that will use all of your links, instead of stacking menus on top. That would be a good start.

[afe]

What do you mean by that? "and find one menu that will use all of your links, instead of stacking menus on top." I have pages such as "Track and field" and sub-menus for it such as videos, races and etc..

[afe]

Also, is it possible to make the height of the left column 100%?

Thanks!

[tech_support]

Please start a new thread for another question.

Now, get back on topic.

[BLiZZaRD]

What do you mean by that? "and find one menu that will use all of your links, instead of stacking menus on top." I have pages such as "Track and field" and sub-menus for it such as videos, races and etc..

Actually it isn't stacked menus, it's double menus. You still show thedefault menu of Stu's there. It is sitting on top of the one you edited.

[afe]

Umm, it's this one http://www.cssplay.co.uk/menus/pro_droptab.html

[afe]

OK, I redid and edited the indexxxxx.php one, and now I have this, http://www.athletes4excellence.com/indexxxxx.php ?

Thank you!