Please review my first CSS website

[john noble]

Thanks to everyone who gave me the help and advice I needed.

Click here (http://www.frba.co.uk/index.html)for website


Note: Only the index page is functional

Thanks,
J

[Ricachet]

Your site looks cool, is there any way i can get some styles similar to that or tips on how you created ur index page?

[tgrk35]

For a first ever CSS attempt...not bad, not bad ;).

I don't like the gigantic gap at the top, but it's easily fixed.

Good job ;).

[john noble]

Thank you for your comment.

Here is the basic CSS that I used (courtesy of Centauri)

* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 23px;
background-color: #fff;
padding-top: 15px;
}
#wrapper {
width: 750px;
padding:0 20px;
background-image:url(../images/banners/banner1.png);
background-position: 0px 40px;
background-repeat:no-repeat;
margin: 0 auto;
}
#header{
border:#000;
border-style:dashed;
border-width: 1px;
height: 40px;
}
#nav{
height: 30px;
border:#000;
border-style:dashed;
border-width: 1px;
margin-top: 188px;
}
#content{
border:#000;
border-style:dashed;
border-width: 1px;
height: 400px;
}


I had always used tables for creating my layouts but after purchasing 'Bulletproof Web Design' by Dan Cedarholm I felt the need to shift my way of thinking.

[john noble]

I don't like the gigantic gap at the top, but it's easily fixed.

;).

What Gap?

J

[tgrk35]

Between the top (with the search) and the body...

[tgrk35]

Actually, nevermind...for some reason AdBlock was blocking it as though it were an ad ;p.

Much better now ;)

[Ricachet]

thanks alot, i'm trying to develop my personal site, i just became a developer last week lol ;)

[TJ111]

It's a nice, clean layout. I also had the problem with adblock plus for some reason, if tgrk didn't say anything I would have been a little more confused. My only criticism at this stage of development is to fill the gap between the menu items somehow ,they kinda seem unorderly