[Site Review] Madden Europe

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

Post Reply
mmc01ms
Forum Commoner
Posts: 97
Joined: Wed Dec 01, 2004 3:33 am
Location: Nottingham, UK

[Site Review] Madden Europe

Post by mmc01ms »

I've build my first personal php site very quickly over the past week for Madden Fanatics. I would be intrested to hear any thoughts regarding the site.

Thanks for looking

Madden Europe
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Re: [Site Review] Madden Europe

Post by Roja »

mmc01ms wrote:I've build my first personal php site very quickly over the past week for Madden Fanatics. I would be intrested to hear any thoughts regarding the site.

Thanks for looking

Madden Europe
The CSS has a number of problems: http://jigsaw.w3.org/css-validator/validator

I'd like to see a bit of padding at the top and bottom. The color of the date for entries on the left is very hard to see on the background also. Increasing the text size just one size breaks the layout substantially, and thats not an uncommon thing for people to need to do.

The design is straightforward, so no complaints there.

Not bad overall, just could use a few improvements.
mmc01ms
Forum Commoner
Posts: 97
Joined: Wed Dec 01, 2004 3:33 am
Location: Nottingham, UK

Post by mmc01ms »

the css was ok when i validated it just a few warnings is that what you are on about?

Check CSS Valid

Thanks for the comments however i am unaware how to get the background image to enlarge with the text content so it wont break.
Also i have used black for the dates but im struggling to add any colour anywhere because of the style of layoutive gone for. What colours work best with grey shades?
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

mmc01ms wrote:the css was ok when i validated it just a few warnings is that what you are on about?
Try checking the *page* css. Checking the css directly ignores the inline css - which is giving errors and warnings.
mmc01ms wrote:Thanks for the comments however i am unaware how to get the background image to enlarge with the text content so it wont break.
I'm talking about the table layout in the middle, pushing far to the right. There is no bg image there. Its a question of absolute positioning and layout versus liquid layout. Its a huge discussion topic, so google liquid layout, or even search these forums.
mmc01ms wrote:Also i have used black for the dates but im struggling to add any colour anywhere because of the style of layoutive gone for. What colours work best with grey shades?
The change to black is substantially better than the off-blue look you had originally. Much easier to read.

As to complimentary colors, oranges and reds do fairly well against a dull gray, as it has a high contrast.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

The problem you have with the layout breaking (well, not really breaking but visually it looks like it) when you increase the font-size can be solved by using (double) overlapping background images. Search for liquid faux columns and you'll find the techniques.
Overall the site is good.
Post Reply