here you go.
if you want I can post my home page to if you need my html.
but what i can't figure out is that all my code valid so nothings "wrong" its just not like i want it.
CODE
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
color:#404040;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: black;
margin:0;
padding:0;
}
h3 {
color:black;
}
BODY {
background: url(images/bg.gif) white;
color: black;
margin : 0 auto;
}
a:link{
color:white;
text-decoration: none;
}
a:visited{
color:white;
text-decoration: none;
}
#body{
background: white;
border-bottom: 8px solid black;
border-left: 8px solid black;
border-right: 8px solid black;
margin-left: 60px;
margin-right: 60px;
padding : 0px;
}
#header{
background: #f00;
margin: 0px;
padding: 0px;
}
#rightcol a:link{
color: #f00;
text-decoration: none;
}
#rightcol a:visited{
color:#f00;
text-decoration: none;
}
#rightcol{
background: url(images/rightcol.gif) no-repeat left top white;
width:659px;
padding:10px;
}
#rightcol2{
background: white;
color:black;
width:669px;
height:1116px;
padding:5px;
}
#leftcolcasing{
background: #404040;
width: 188px;
}
#topleft{
background: url(images/topleft.jpg) no-repeat left top #404040;
color: white;
height:161px;
width:188px;
}
#left {
background: #404040;
color: gray;
font-weight: normal;
padding-left: 3px;
}
#shortleft {
background: #404040;
color: gray;
font-weight: normal;
padding-left: 3px;
height: 165px;
width: 185px;
}
#botleft{
background: #f00;
}
#bottom {
background: url(images/fon_bot.png) white;
color: black;
text-align: center;
font-weight: bold;
height: 77px;
padding-top: 18px;
}
#bottom a:link{
color: #f00;
text-decoration: none;
}
#bottom a:visited{
color:#f00;
text-decoration: none;
}
ul {
list-style-type : disc;
list-style-image : url(images/dot.jpg);
}
.extralist {
margin : 2px 0 0 12px;
padding : 0;
list-style : none;
}
.extra li {
margin : 0;
padding : 1px 0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#menucontainer{
background:#A9A9A9;
display:block;
padding:35px 0 0 15px;
}
#menu{
position:relative;
display:block;
height:24px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#menu ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#menu ul li{
display:block;
float:left;
margin:0 1px 0 0;
}
#menu ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:5px 20px 0 20px;
height:19px;
background:transparent url(images/foxmenu_bg-OFF.gif) no-repeat top left;
}
#menu ul li a:hover{
color:#fff;
background:transparent url(images/foxmenu_bg-OVER.gif) no-repeat top right;
}
#menu ul li a.current,#menu ul li a.current:hover{
color:#000;
background:#fff;
}
IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto;
height:287px;
width: 371px;
border: 10px solid black;
}
IMG.left{
border: none;
}
IMG.music{
height: 50px;
width: 50px;
border: 3px solid #F00;
margin: 4px;
}
IMG.thumb{
height: 100px;
width: 100px;
border: none;
}
| 