PDA

View Full Version : Borders

dance&pullxthextrigger
10-09-2005, 03:39 AM
Im kind of new to CSS so I used one of the copy and paste codes off of this site.

I want there to be colored borders around each column. Can anyone tell me how to do this and where to put it in my sheet?

Heres the code

<html>
<head>
<title>Three Column CSS Layout with Header</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}
</style>
</head>

<body>

<div id="header">



</div>

<div id="left">


</div>


<div id="center">

</div>

<div id="right">



</div>

</body>
</html>
kittycat
10-09-2005, 05:51 AM
border: 1px solid #FF0000;

Add that to the #left #center and #right ids, eg
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
border: 1px solid #FF0000;
}