5 replies [Last post]
philbert25
Offline
Enthusiast
Last seen: 14 years 1 day ago
Joined: 2007-02-13
Posts: 85
Points: 0

I finished revamping the athletics website for the college website it do. I've updated the info and got the look to match the look of the newly redesigned homepage. I'll put the links to the current athletics site and the new one below. One problem I could never fix was in sections such as "Meet the Athletics Staff" I could not get the

to contain the pictures within it (the dashed line at the bottom cuts through the center of the picture rather than containing it with 8px padding on the bottom). It renders okay in Firefox but not in IE6. Anyways, feel free to explore the site and let me know what you think. Hopefully I will get the okay to link it to the site next week. Thanks.

Old Athletics site
http://www.jalc.edu/athletic/index.html

New Athletics site
http://www.jalc.edu/athletics/index.html

I got nuthin'

asimpleart
asimpleart's picture
Offline
Enthusiast
Last seen: 11 years 48 weeks ago
Timezone: GMT-5
Joined: 2007-01-31
Posts: 94
Points: 4

Not Bad

This is definitely an upgrade from their previous version! It is very organized/modular, which I feel is good for a site like this with so much information. You may want to try and validate it, your getting some minor errors in the sub pages.

My only other gripe is it seems a little to plain, it gets the job done no doubt, and blows the old site out of the water. If it is supposed to match the main site, then you did a perfect job, but check out this site anyways just to get some inspiration on university sites.

http://www.designmeltdown.com/chapters/Universities/Part2.aspx

philbert25
Offline
Enthusiast
Last seen: 14 years 1 day ago
Joined: 2007-02-13
Posts: 85
Points: 0

Thanks for the feedback

Thanks for the feedback. I wish I had known about that design meltdown resource when redesigning the site. I have basicly been using USNews top 100 colleges and looking at their websites for inspiration. Many of them aren't that impressive for a top 100 school. Anyways, most of my stuff is too far along for a complete redesign now, but I'm sure that I will use this resource in the future. Did you get a chance to look at pages such as http://www.jalc.edu/athletics/staff.html. If so, do you know why my div class .playerinfo isn't containing the picture within it in IE6? If you have any thoughts, please let me know. Thanks again for your feedback.

P.S. Alot of the "Big" Colleges use the company's listed below for their athletics websites. I'm sure it is convenient but there is usually tons of info crammed into those pages which I find unappealing.

http://www.collegesportsdirect.tv/
http://www.cstv.com/

I got nuthin'

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 15 years 28 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

try adding clear:both or

try adding clear:both or clear:right to .playerinfo

Put the image above the heading n the source code (works but may not look right wehn viewed with CSS off)

Massive improvement over the original

HTH

Fat Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

philbert25
Offline
Enthusiast
Last seen: 14 years 1 day ago
Joined: 2007-02-13
Posts: 85
Points: 0

I already added a clear:

I already added a clear: both; to the .playerinfo, and also used overflow: hidden. They didn't fix the problem. Moving it above the header still doesn't quite make the dashed border go below or clear the picture, and like you said, it wouldn't really display correctly with CSS turned off anyway. Thanks for the positive feedback though.

I got nuthin'

philbert25
Offline
Enthusiast
Last seen: 14 years 1 day ago
Joined: 2007-02-13
Posts: 85
Points: 0

fixed it

I fixed the problem by adding float: left; and width: 100%; to the playerinfo class. I also had to change the bottom margin of .playerinfo ul to 0 to make the spacing for the bottom to come out right in IE6. Thanks again for the feedback.

I got nuthin'