I have a website which I've recently re-designed the home page on, and I like it but I'm a little concerned that it's cramped. You can have a look at http://www.biology-innovation.co.uk

 

and tell me what you think I should do?

Hi,

 

General layout is good.

 

The main paragraph font could do with being a little bigger and the colours don't help its readability. Too much contrast. Try sticking to 2 or 3 colours maximum overall.

 

The borders are maybe a pixel or so two thick for my liking and the boxes could do with a subtle drop shadow.

 

You do have 1 XHTML error which is easily fixable just make the onClick attribute where you have a capital C lowercase to onclick.

 

Unfortunately though, you have 66 CSS errors and 143 CSS warnings.

 

You're also using a combination of both inline styles and external stylesheets. I would recommend using one or the other. Best practice would be to use external stylesheets only.

 

Other than that it's nice. I don't think it's too crowded.

 

Hope this helps

 

Regards

 

Gareth

 

Unfortunately though, you have 66 CSS errors and 143 CSS warnings.

 

 

Is there anything I can do about this if most the errors are either the code I use for opacity:

 

opacity:0.9;

filter: alpha(opacity=90);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

 

or for rounded corners in FF and Chrome:

 

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

 

?

 

Thanks I fixed the XHTML error and cleaned the colours and lines up

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

This isn't required in your CSS class. That may be causing you issues as it's not standard. If you get errors with the other two lines, just ignore them. It's just because theyre not attributes defined by W3 but instead by individual browsers.

 

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

 

But this line is the code specific for IE8, they've updated it so that it has the -ms- in front now.

Ah, i stand corrected! I would just ignore the errors associated with those lines, there's nothing you can do about it as they're not standard attributes defined by W3.

 

 

Thanks for your help