Ok so I just started working on my first non-tutorial webpage using CSS. I think its coming along pretty well but some constructive criticism on my code and how to better it would be greatly appreciated.
My site: [url]www.halotrialmods.org
[code]body {
font-family: tahoma;
font-size: 11px;
text-align: center;
margin: 0px auto;
background-image: url(images/body-bg.jpg);
background-repeat: repeat-x;
}
#container {
background-color: #F0F1F3;
text-align: left;
margin: 0px auto;
width: 755px;
border: 1px solid #000000;
}
#header {
background-image: url(images/header-bg.jpg);
width: 755px;
height: 150px;
}
#hnav {
background-image: url(images/nav-bg.jpg);
width: 755px;
height: 21px;
text-align: center;
margin-top: 5px;
}
#barL {
background-image: url(images/barL-bg.jpg);
width: 18px;
height: 24px;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 15px;
float: left;
}
#bar {
background-image: url(images/bar-bg.jpg);
padding-top: 6px;
width: 140px;
height: 18px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
}
#barR {
background-image: url(images/barR-bg.jpg);
width: 15px;
height: 24px;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left
}
#vnav {
margin-left: 15px;
background-color: #F7F7F7;
text-align: left;
width: 168px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
float: left;
padding-bottom: 5px;
padding-left: 5px;
}
#sotm_header {
padding-top: 6px;
width: 502px;
height: 18px;
background-image: url(images/bar-bg.jpg);
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
}
#sotm_winner {
margin-left: 15px;
width: 535px;
background-color: #F7F7F7;
text-align: center;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
float: left;
}
#footer {
clear: both;
}