Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="efhx" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="all" />
<title>Jayme Jackson's Page</title>
<link href="css/main.css" type="text/css" rel="stylesheet" />
</head>
<body><div id="container">
<div id="header">
</div>
<div id="nav">
<ul>
<li class="active"><a href="default.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="quote.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="main">
</div>
</div>
</body>
</html>
Code:
#container{
background-color:#aba8a3;
width:388px;
height:507px;
margin:0 auto;
padding:0;
border-top:hidden 1px;
}
body{
margin: 0;
padding: 0;
background-color:#f3f1e8;
background-image: url(..gfx/bg.jpg);
background-repeat: repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:left;
color:#ffffff;
font-size:12px;
}
.bold{
font-weight:bold;
color:#d1ba9f;
}
td{
line-height:10px;
}
.imgdesc{
padding:0px 0px 0px 5px;
}
#header{
width:388px;
height:134px;
background-color:#242424;
background-image:url(../gfx/top.jpg);
clear:both;
}
#main{
background-color:#fff;
height:368px;
padding-left:3px #aaa8a2;
padding-right:3px #aaa8a2;
border-left:1px solid #42413f;
border-right:1px solid #42413f;
width:380px;
}
.imgwidth{
width:100px;
height:100px;
}
.nospace{
margin-bottom:0;
}
#nav{
background-color:#fff;
border-left:1px solid #42413f;
border-right:1px solid #42413f;
width
}
#nav ul{
margin: 0;
padding: 3px 0px 3px 0px;
list-style-type: none;
text-align: center;
clear:both;
}
#nav ul li { display: inline;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}
#nav ul li a{
text-decoration: none;
padding: 10px;
color: #6a6a6a;
}
#nav ul li a:hover
{
color: #fff;
}
#nav ul li a:active{
color:#6a6a6a;
}
.active{
color:#212121;
}
a:link {
color:#ffffff;
text-decoration:none;
}
a:hover{
color:#8fc9e4;
text-decoration:none;
}
a:visited {
color:#ffffff;
text-decoration:none;
}
a:active {
color:#8fc9e4;
text-decoration:none;
}
acronym{
font-style:italic;
border-bottom: 1px dotted #8fc9e4;
}
.noborder{
border:none;
}
I forgot quite a bit of css since I've been doing other things and cant remember how to get this the way I want it to be. All I want is the part under the header to look like this
basically i want:
1px left border (black)
3px padding (grey)
Main content (white)
3px padding (grey)
1px right border (black).. i hope someone can understand this.. but anyways I dont remember how to set padding color (if i can) or what to do to put color between the border and the main content..
Thx!