
Aug 22nd, 2007, 13:27
|
|
SuperMember
|
|
Join Date: Jun 2007
Location: uk
Posts: 459
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
|
Re: CSS validation error
Try this.
- HTML: Select all
#wrap{
width:900px;
margin-left:auto;
margin-right:auto;
}
body{
margin: 0;
padding: 10px 0px 10px 0px;
font:80% Verdana, Arial, Helvetica, sans-serif;
background:url(images/grad_bar.gif) repeat-x fixed;
}
p {margin:0px 5px 10px 5px; line-height:normal;}
h1 {font:130% Arial, Helvetica, sans-serif;
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h2 {font:120% Arial, Helvetica, sans-serif;
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h3 {font:110% Arial, Helvetica, sans-serif;
margin:5px 5px 0px 5px;font-weight:bold;line-height:normal;}
h4 {font: 90% Verdana, Arial, Helvetica, sans-serif;
margin:5px 0px; font-weight:bold; padding-left:3px; color:#84354B;
text-align:center; vertical-align: middle;}
ul {list-style-type:none; padding:0; margin:0;}
.menu_div {width:130px; height:225px;
margin-left:3px;
border-bottom:#84354b solid 1px;}
a.menu:link, a.menu:visited, a.menu:active {
text-decoration:none;
font: 90% Verdana, Arial, Helvetica, sans-serif;
display:block;
width:128px;
height:20px;
padding:5px 0px 0px 0px;
border: 1px #fff solid;
margin-top:2px;
color:#757575;
outline:none;
}
a.menu:hover{
text-decoration:none;
color:#84354B;
border:1px #ccc solid;
height:20px;
width:128px;
}
a.menub:link, a.menub:visited, a.menub:active{
font:90% Verdana, Arial, Helvetica, sans-serif;
color:#757575;
}
a.menub:hover{
text-decoration:underline;
font:100% Verdana, Arial, Helvetica, sans-serif;
color:#84354B;
}
#header{
height:200px;
width:900px;
background: url(images/gws_header.jpg) no-repeat;
}
#header_nav{
height:30px;
width:768px;
position: relative;
top: 170px;
left:0px;
}
.nav_div{width:128px; height:30px;
float:left;
}
#left_sidebar{width:150px;
float:left;
height:650px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:20px;
text-align:center;
}
#right_sidebar{width:200px;
float:right;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
text-align:left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#content{width:550px;
float:left;
height:660px;
background: url(images/whitebkgd.jpg) repeat;
padding-top:10px;
}
#footer{
height:20px;
clear: both;
margin:0;
padding-top:10px;
background-color: #CCC;
}
a.rollover {
display:block;
width:128px;
height:23px;
color:#FFF;
font:120% Arial, Helvetica, sans-serif;
font-weight:800;
text-decoration: none;
text-align:center;
padding: 7px 0px 0px 0px;
background:url(images/dble_button2.jpg);
}
a.rollover:hover {
background-position: -128px 0;
}
.img_screen{height:128px; width:128px; margin:5px 20px;}
.screen_div{
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #603;
width:175px;
margin-left:10px;
border:1px solid #999;
font-weight:normal;
}
.testim_div{
font:90% Arial, Helvetica, sans-serif;
text-align:left;
color: #666;
width:175px;
margin-top:10px;
margin-left:10px;
border:1px solid #999;
padding-top:5px;
}
a.menub:link, a.menub:visited, a.menub:active{
font:90% Verdana, Arial, Helvetica, sans-serif;
color:#757575;
}
a.menub:hover{
text-decoration:underline;
font:100% Verdana, Arial, Helvetica, sans-serif;
color:#84354B;
Last edited by dab42pat; Aug 22nd, 2007 at 13:28.
Reason: oops forgot
|