PDA

View Full Version : Codes?

Jenny_Jonesy
04-30-2005, 03:50 PM
All the codes of text etc that I've put in don't seem to work. And I have no idea how to make my side divs equal to my center div!
Heres the code:

<html>
<head>

<title>Untitled</title>



</head>

<body>
<title>James Bourne's New Band</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: 300px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 150px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 150px;
}

font-family: impact;
color: #000000 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: x-small;

</style>
A:link { text-decoration: none; color:#AF7681; }
A:visited { text-decoration: none; color:#1B83EB; }
A:hover { text-decoration: none; color:#A357CC; }

<body>

<div id="header">
<img style="position:absolute; top:0px; left:0px; width:1024px;
height:300px" src="http://i2.photobucket.com/albums/y26/JennyJonesy/jamesheader.jpg">
</div>

<div id="left">
I think I shall have my menus in here? Do I need an iFrame or can I make this a scroll box without it?


</div>


<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</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>

I would be very grateful if somebody could help me in this (http://www.lissaexplains.com/forum/showthread.php?p=562698#post562698) thread aswell, thanks xx
pb&j
04-30-2005, 04:46 PM
here is your coding cleaned up a bit. try it out. if there are still some problems, please be specific on what is not working or such. thanks.

<html>
<head>
<title>James Bourne's New Band</title>

<style type="text/css">

body
{ margin: 0;
padding-left: 0;
padding-right: 0;
font-family: impact;
color: #000000 ;
letter-spacing: 3pt;
font-weight: normal;
font-size: x-small;
}

#header {
margin: 20px;
padding: 10px;
height: 300px;
}

#left {
position: absolute;
left: 15px;
top: 160px;
width: 150px;
}

#center {
margin-left: 230px;
margin-right: 230px;
}

#right {
position: absolute;
right: 15px;
top: 160px;
width: 150px;
}

A:link { text-decoration: none; color:#AF7681; }
A:visited { text-decoration: none; color:#1B83EB; }
A:hover { text-decoration: none; color:#A357CC; }


</style>

</head>

<body>

<div id="header">
<img style="width:1024px; height:300px" src="http://i2.photobucket.com/albums/y26/JennyJonesy/jamesheader.jpg">
</div>

<div id="left">
I think I shall have my menus in here? Do I need an iFrame or can I make this a scroll box without it?
</div>

<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</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>