Paft
05-12-02, 04:55 PM
I am trying to figure out how to change the items on my website, but using them much like one would the old <frameset> tag. I would like to have links in my 'frame' div affect text in my 'main' dev. So far, I have no clue.. anyone have any ideas?
Edit: I had tried to use JS arrays to modify the text with the 'document.write()' function, but that could not work, as the function could not point to the document.write command in 'main'.
<html>
<head>
<title>A Darkened Sun</title>
<link rel=stylesheet type="text/css" href="base.css">
</head>
<body>
<div id="frame">
<a href="">History</a> <br><br>
</div>
<div id="main">
<center><h1>Welcome to the home of the Darkened Sun MUX!</h1></center>
</body>
</html>
body
{
background-color: #FFFFFF;
background-image: url(bluehazew-o.jpg);
background-repeat: no-repeat;
background-position: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
#frame
{
position: fixed;
top: 0; left: 0; right: 90%; height 0;
}
#main
{
position: fixed;
top: 0; left: 10%; right: 0; height 0;
}
h1, h2, h3, h4, h5, h6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
font-size: 130%;
}
h2
{
font-size: 120%;
}
h3
{
font-size: 110%;
}
h4
{
font-size: 90%;
}
h5
{
font-size: 80%;
}
h6
{
font-size: 70%;
}
Edit: I had tried to use JS arrays to modify the text with the 'document.write()' function, but that could not work, as the function could not point to the document.write command in 'main'.
<html>
<head>
<title>A Darkened Sun</title>
<link rel=stylesheet type="text/css" href="base.css">
</head>
<body>
<div id="frame">
<a href="">History</a> <br><br>
</div>
<div id="main">
<center><h1>Welcome to the home of the Darkened Sun MUX!</h1></center>
</body>
</html>
body
{
background-color: #FFFFFF;
background-image: url(bluehazew-o.jpg);
background-repeat: no-repeat;
background-position: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
#frame
{
position: fixed;
top: 0; left: 0; right: 90%; height 0;
}
#main
{
position: fixed;
top: 0; left: 10%; right: 0; height 0;
}
h1, h2, h3, h4, h5, h6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
font-size: 130%;
}
h2
{
font-size: 120%;
}
h3
{
font-size: 110%;
}
h4
{
font-size: 90%;
}
h5
{
font-size: 80%;
}
h6
{
font-size: 70%;
}