back to Completed Reviews
Site Name: Crisis Called
Owner: Crisis
Reviewed by: Georgina
Reviewed on: 24th June 2009
Site Name
It’s not a bad name; it’s fairly easy to remember.
Coding and Validation
Your HTML has 3 errors and 22 warnings.
You don’t even have a doctype for your website. You need one to show that this is an HTML document we’re dealing with; hence you should put it at the top of every page.
I realise you’re using WordPress, which automatically codes your entries in XHTML, but you should start with this doctype, which is HTML 4.01 Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
You also need a character encoding, which you need to place in the <head> section:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
You have to remove the slash (/) at the end of your stylesheet include, as that is causing errors.
You must also have an alt attribute on all images. This means alternative text, so if the image doesn’t appear there is text to replace it. This is also handy for people with images turned off or who cannot view images on their device.
Refer to my validating HTML tutorial for more information. If you correct your errors it will decrease the possbility of errors in other browsers and operating systems.
Your CSS is valid. You have 12 warnings, which you should fix. It’s a result of using the same colours in two contexts. Review and clean up your CSS and remove anything unnecessary.
Browser Compatibility & Usability
According to Browsershots.org your site looks different in Mozilla Firefox, Safari, Opera and Internet Explorer.
In Internet Explorer, your layout is centered and looks fine. However, it’s completely out of place in the other browsers. You should address this issue because cross browser compatibility is very important. This is what your layout looks like in Firefox.
You should center the divs in your stylesheet to make it centered in browsers other than Internet Explorer. Center the header image and navigation parts.
Alternatively I recommend a container tutorial. Containers work in almost every resolution, browser and operating system, so simply place all your content in a container div, which will center everything for you.
Layout
It’s a very nice layout but it’s a shame that it only works in Internet Explorer.
The header image is nice and bold. The colours are simple and the navigation gives a nice touch, as well as the rounded corners and different shades of grey.
The sidebar is a bit too narrow – I’m not sure what you’re going to place there but if you’re placing a lot, try not to have it so narrow as it will look cluttered.
The CSS is great and everything is very neat – you just have to work with the layout so it works in all browsers.
As I mentioned, try using div containers to center your layout.
Content
You’ve asked me not to review this section. I recommend you work on your layout and browser compatibility before working on the content, though.
Also, in the divs you’re using for some text, I thought I should point out that they look like this in Mozilla Firefox.
Originality & Creativity
I can’t really say much here because I didn’t review your content, but you’re off to a great start. The layout is original and clean; I don’t see much to complain about.
Organisation & Errors
I can’t really make a comment here either but your navigation and pages appear rather orderly.
The only errors are with your layout so far. You should definitely look into that.
Overall Comment
Short review – you didn’t want me to review the content so I didn’t.
You’re off to a good start with your site. It’s unfortunate about the layout not working in many browsers but the sooner you get to it the sooner it’s fixed. Good luck with it – do try the containers I have suggested as they are guaranteed to work.
Best of luck with the website!
