Pretty Sure its CSS [Archive] - Lissa Explains it All: Web Design Forums

_SilentGunners_

01-26-2005, 01:13 AM

Ok, I was wondering how do you get the boxes around frames so its jsut like it is seperated so everyone can what side is what this is for and stuff like Lissa did in her CSS Layout tutorial jsut like that!! PM please saying how or post

Rosey

01-26-2005, 03:26 AM

you mean here?

http://www.lissaexplains.com/css3.shtml

Just put border:1px solid #hexcode;

in your css code around the different area you want a border.

I think that's what you want, i'm not very clear as to what you want exactly.

_SilentGunners_

01-27-2005, 12:00 AM

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

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

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
}
</style>
</head>

<body>

<div id="left">

Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.

</div>

<div id="center">

input, textarea
{ background: #FFFFFF
font-family: Arial;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 5;

</style>

</div>

<div id="right">

Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags.

</div>

</body>
</html>

Ok thats my code and stuff but it still won't work, I am terriable with CSS very bad and stuff. Please help me because its just to learn how to do it for a bio about some stuff.
Yes I know I copied it but thats because I want to see if it works and so far XX

Rosey

01-27-2005, 12:04 AM

ALL your css has to be in your head tags. You had some css for your input in your html code. I put it in the head tag. For example, for your center, if you want a border, then you add the stuff in bold. I hope that helps.

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

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

#left {
position: absolute;
left: 5px;
padding: 0px;
top: 0px;
width: 150px;
}

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
top: 0px;
border: 5px solid #000000;
}

input, textarea
{ background: #FFFFFF
font-family: Arial;
color: #000000;
border: 5px #000000 solid;
}

#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
}
</style>
</head>

<body>

<div id="left">

Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.

</div>

<div id="center">

center here

</div>

<div id="right">

Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags.

</div>

</body>
</html>