gatiso
10-01-2005, 11:58 PM
Hi, I've got a simple CSS site with a header then a left for the menu and center for the rest. Is there anyway I can sort of "link" to the left div so that I don't have to update EVERY page whenever I want to add another link to the menu?
Heres the code for one of my pages:
<html>
<head>
<title>Frankford Plains United Methodist Church</title>
<style type="text/css">
body
{ margin-top: 5;
margin-bottom: 5;
margin-left: 5;
margin-right: 5;
padding-left: 5;
padding-right: 5;
background: #87c0f5;
<!--background-image: url(http://img258.imageshack.us/img258/9269/sky3cc.jpg);-->
background-repeat: repeat;
background-attachment: fixed;
}
font
{
font-family: Arial;
color: #000000
font-weight: normal;
font-size: 14pt;
}
#header {
margin: 20px;
padding: 10px;
height: 175px;
}
#left {
position: absolute;
left: 15px;
top: 230px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>
<body>
<div id="header">
<img src="http://img315.imageshack.us/img315/5343/fpumc6fj.gif" border="0" width="457" alt="Frankford Plains United Methodist Church" />
</div>
<div id="left">
<font face="Copperplate Gothic" size="12">
Frankford Plains United Methodist Church
</font>
<br><br>
Menu Item 1<br>
Menu Item 2<br>
</div>
<div id="center">
<div align="center">
<h2>
This weeks bulletin:<br><br>
<h2>
</div>
</div>
</body>
</html>
Heres the code for one of my pages:
<html>
<head>
<title>Frankford Plains United Methodist Church</title>
<style type="text/css">
body
{ margin-top: 5;
margin-bottom: 5;
margin-left: 5;
margin-right: 5;
padding-left: 5;
padding-right: 5;
background: #87c0f5;
<!--background-image: url(http://img258.imageshack.us/img258/9269/sky3cc.jpg);-->
background-repeat: repeat;
background-attachment: fixed;
}
font
{
font-family: Arial;
color: #000000
font-weight: normal;
font-size: 14pt;
}
#header {
margin: 20px;
padding: 10px;
height: 175px;
}
#left {
position: absolute;
left: 15px;
top: 230px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>
<body>
<div id="header">
<img src="http://img315.imageshack.us/img315/5343/fpumc6fj.gif" border="0" width="457" alt="Frankford Plains United Methodist Church" />
</div>
<div id="left">
<font face="Copperplate Gothic" size="12">
Frankford Plains United Methodist Church
</font>
<br><br>
Menu Item 1<br>
Menu Item 2<br>
</div>
<div id="center">
<div align="center">
<h2>
This weeks bulletin:<br><br>
<h2>
</div>
</div>
</body>
</html>