Thoughts/feedback on CSS site.

[DimFish]

Hi everyone,

I'd be interested in any feedback you might have on this CSS site I built a little while ago:
http://www.stridetraining.co.uk

I am generally pleased with it, but can't help feeling it still has something of an amatuerish feel to it in some ways.

Just looking for any good tips/thoughts to take forward for the next one...!

Thanks,

A.

[NeilKelty]

The girls head is just chopped off in the header.
The two section headings do not line up, just a small annoyance.
At the bottom...Rounded corners? There is a small white line that partly covers them up in IE.

Overall, Looks great.

[_Aerospace_Eng_]

I think the color scheme is okay for the type of site it is. Also I think any links that go to external sites, you should make them open a new window. Another thing you say your site is XHTML valid but its not, see for yourself here (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stridetraining.co.uk)

[metalguy639]

Actually I think it looks rather nice for a business site. Not too nutty looking and too many things going on to distract people.


MP

[DimFish]

Thanks for your interest people.
All good points. Will take on board.
A.

[AaronW]

In the "Latest News" bubble on the bottom, you don't use a list to mark-up the list.

There's also an inline footer image. Why? It's just weird that most of the layout is taken care of with CSS, but then in some spots you revert to old methods.

I think the <input type="text"> boxes in the login box would look better if you set their widths to 100% to eliminate that odd white space to their right. The "Send" button could use a background colour too. I like to style buttons with:

input.button {
background: ...;
border-colour: ...;
}

That way you avoid ugly buttons on operating systems like Mac and you get less ugly buttons than just not styling at all on Windows.

The giant quotes around your testimonial look weird to me. I think it might be the colour of them, and they might be a bit too big. Doesn't seem to follow the rest of the page's style.

These "negatives" aren't hugely significant, and I think it looks good.

[Graft-Creative]

Looks pretty good to me.

'Amatuerish'? Nah, definately not - though there is one thing that could do with a bit of attention that may bring it up to scratch a bit more: The header images all need some work, colour balances need sorting, brightness/contrast, sharpness etc. That's the only thing I can pick out that looks vaguely amateurish.

Maybe some of the markup could be a wee bit more semantic as Aaron said. For instance, the quote in the sidebar should really be marked up as a <blockquote> with <cite> for the source of the quote.

That's about it as far as I can see, all in all a really nice job :thumbsup:

Oh, there is another thing - I think the 'modern' browser link in the footer could do with pointing to http://browsehappy.com instead of to Firefox. It comes accross as a bit of a trick at the moment if you see what I mean.

Kind Regards,

Gary

[little_toaster]

very impressed, nice clean lines and use of space quite mozilla.org esque. Informative, and attentive.

bg color draws eyes away from info, a little bright!, :)

[DimFish]

Great feedback. Thanks everyone. Very encouraging, and good to find out those few points. I'll try and implement them.

Nice one.

Andrew. :)