hey ^_^ i really hope you guys can help me. Ill try to explain as clear as possible.
Ok, so what I did was; I took a free web template, and tried to adjust it to the website i've been requested to make.
What you see below is this window:
Basically, I placed the whole text inside this code, but I realise it'd be better if I'd make it a page the scrollwindow call to.
So, what I'm trying to do is:
Make a link from the left linklist open a new page to the right scrollwindow without refreshing the whole page (this has to do with background music which will applied later on.)
I know it's pretty annoying with the whole page, but uhm, I really hope you can help me ^_^;;
Here's where the site in construction is placed:
css style sheet
html page
images
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Magical Awakenings :~Merry Meet~</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo" style="position: absolute; left: 312px; top: 42px">
<img src="images/title.jpg">
</div>
<div id="nav" style="position: absolute; left: 285px; top: 237px; height: 10px">
<ul>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">MEN</a> |
</font> </li>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">WOMEN</a> |
</font> </li>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">GIRLS</a> |
</font> </li>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">BOYS</a> |
</font> </li>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">ACCESSORIES</a> |
</font> </li>
<li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">CONTACT US</a></font></li>
</ul>
</div>
</div>
<div id="body">
<div id="categories">
<h2>Categories</h2>
<ul>
<li><a href="http://www.freewebsitetemplates.com/">Formal Dresses</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Party Dresses</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Summer Special</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Cocktail Dresses</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Formal Ware</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Winter Special</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Regular Ware</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Night Dress</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Sports Dress</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Wedding Dress</a></li>
<li><a href="http://www.freewebsitetemplates.com/">Jeans</a></li>
</ul>
</div>
<div id="seasonal">
<div class="inner">
<div style="overflow:auto; height:350px; width:450px;">
<div class="fw-container">
<div class="fw-with-mini fw-content">
<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table1">
<thead>
<tr>
<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
<table id="table2" cellSpacing="0" cellPadding="0" width="90%" border="0">
<tr>
<td>
<div class="fw-paragraph">
<h2>UNDER CONSTRUCTION
</h2>
<div class="fw-text">
<p>
<img style="WIDTH: 92px; HEIGHT: 70px" height="32" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="74"><font size="5">WELCOME
TO MAGICALAWKENINGS<img height="67" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="85"></font></p>
<p><font size="5">
<img height="50" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="52"> <font color="red">There
are alot of change's going on with
this site..and there all good</font><img height="44" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="50"> </font></p>
<p><font size="5">
<img height="39" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="52"> <font color="red">Please
excuse the mess</font><img height="43" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="47">..
<font color="red">we are adding and
changing things and moving things
around.</font> So if you are looking
for something and you cant seem to
find it no worries its still here
its just been moved around abit. No
we arn't removing any thing from the
site.. well., at least we dont think
so..<img height="42" src="../../images.freewebs.com/Images/Smilies/Round/unsure.gif" width="62"> Dont
worry the changes wont be that bad
we will still be the same old site
but better<img height="45" src="../../images.freewebs.com/Images/Smilies/Round/cool.gif" width="54">.</font></p>
<p><font size="5">
<img height="59" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="56"><font color="red">BUT
LOOK AT THE <font size="6">NEWS
THINGS THAT ARE COMING!</font></font></font></p>
<p><font size="5">We will have a
<font color="red" size="6">BIGGER
variety </font>of all kinds of
<font color="black">wiccan
information</font>, more tarot
information. <font color="red"><font size="6">MORE</font>
</font>spells, oils, herbs mix's/
powder and a <font color="red">
NEW RECIPE LIST,<font color="black">and
a</font> BIGGER BETTER
<font color="black">suggested
reading list, a </font>NEW
SUGGEST WEB LIST/LINKS </font>
<font color="black">to other wiccan
web site that we have found
helpfull. <font color="red">AND NOW
WE ARE GOING TO ADD OUR OWN
PERSONAL EMAIL ADRESS </font>SO THAT
YOU CAN REACH US ANY TIME FOR ANY
WICCAN NEED. ALSO <font color="red">
NEW</font> <font size="4">IF YOU
HAVE ANY QUESTIONS YOU CAN ASK THEM
AND <font color="red">WE WILL ANSWER
THEM </font>AND <font color="red">
WE WILL POST IT ON THE QUESTION PAGE
UNLESS YOU SAY OTHER WISE</font>.
YOU CAN DO THAT <font color="red">2
WAYS YOU CAN EMAIL </font>US OR
<font color="red">WRITE IT IN THE
QUESTION IN THE GUEST BOOK!! </font>
</font></font></font></p>
<p><font color="black" size="5">
<img style="WIDTH: 54px; HEIGHT: 56px" height="41" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="110"> <font color="red">LOOKIE!!!
LOOKIE!!!!</font><img style="WIDTH: 71px; HEIGHT: 55px" height="65" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="54">HURRAY!!!
YIPPIE!!</font></p>
<p><font color="red" size="5">
FINALY!!! NOW WE HAVE A FEW THINGS
TO SELL!!! <font color="#000000">But
it is only temporary because we want
to see how it goe's were going "to
test the waters" so speak. We would
like to sell home made candles, herb
mix's, oils,and magic kits. That are
home made and blessed by the wiccans
that are part of this web site
(raven, annatris, anjileak, willow)
and we will tell you who exactly
made it and blessed them and what
its for!! </font></font></p>
<p><font color="red" size="5">
<font color="#000000">Yes we know
that there are other wiccan ppl that
sell these things but one thing is
differnt with us <font color="red">
we wont charge you an arm and a
leg!! </font>That reminds me
also another <font color="red">NEW
THING WE WANT TO DO..</font> if
there is something that you need and
dont see it on our site or there is
something that you need just email
us any time and tell us what you
need and will be glad to help you
example (herbs, oils, what ever) and
we will make it, bless it and send
it to you. </font><font color="red">
NEW also go's with the spells if you
need a spell or oil or what ever and
we dont have it on the site email us
and we will be more than happy to
email the reipe or the spell or even
mail it to you if you wish 4 free<img src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif">.</font><font color="black">I
know we said the sale part was
temporary how ever the email is
going to be a permanent thing.NEW:
</font>
<font face="georgia" color="black">
you can also email us any spells you
have that you would like to share
that goes for oils, herbs and what
not. And OF CORSE <font color="red">
YOU WILL GET THE CREIDT ITS ONLY
RIGHT !!! And this also goe's for
any poems or what ever else you wish
to share</font></font></font></p>
<p><font size="5">We are very
excited about all the new changes
and hope that you are to and that
you enjoy the site...</font></p>
<p><font size="5">So dont let the
constuction ruin your visit please
feal free to look around and enjoy
your visit.</font></p>
<p><font size="5">Sincerely....
</font></p>
<p> </p>
<p>
<img src="../../www.freewebs.com/magicalawakenings/wiccan%20hat.gif" border="0"><font face="georgia" size="5">Raven,
Annatris, Anjileak, Willow</font></p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</thead>
</table>
<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table3">
<thead>
<tr>
<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
<table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table4">
<tr align="middle" bgColor="#efefef">
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51">
<img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle">
Edit</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72">
<img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle">
Delete</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95">
<img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle">
Move Up</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110">
<img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle">
Move Down</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(96472411, 59963612,2, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140">
<img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle">
Insert Paragraph</td>
</tr>
</table>
<table id="table5" cellSpacing="0" cellPadding="0" width="90%" border="0">
<tr>
<td>
<div class="fw-paragraph">
<h2>Welcome
... </h2>
<div class="fw-text">
<font face="georgia" color="aliceblue" size="4">
<font face="georgia" size="4">
<p>
<font face="comic sans ms" color="blue">
to the site....</font></p>
<p>
<font face="comic sans ms" color="blue">
Merry meet to one and all. This site
is new and we hope the site is very
helpful to you. We have all kinds of
information on Wicca and other
things that have to do with it..
Hopefully soon we will have great
things to sell, we have great hopes
for this site. So you should come
back every once in a while to see
what’s new because we are always
adding new things and information.
</font></p>
<p>
<font face="comic sans ms" color="blue">
We have information that we have
added from our own individual books
of shadows and questions we have
been asked. So in short this is a
book of shadows from several
Wicca’s/ witch’s</font></p>
<p><font face="comic sans ms">
<font color="black">
<font color="blue">There are</font>
<font color="deeppink"><em>**some**
</em></font></font>
<font color="blue">spells and
formulas that we each have made and
used many of times. . Soon we would
like to sell things like incense and
burners, and oils, and other Wiccan
needs,</font></font></p>
<p>
<font face="comic sans ms" color="blue">
so stop by and have a look. Don’t be
shy!! Sign the guest book and tell
us what you think . And if you think
we have a spell you may need and its
not here drop us a email and we will
be happy to help. </font></p>
<p>
<font face="comic sans ms" color="blue">
you can also email us any spells you
have that you would like to share
that goes for oils, herbs and what
not. And OF CORSE YOU WILL GET THE
CREIDT ITS ONLY RIGHT !!!</font></p>
<p>
<font face="comic sans ms" color="blue">
Sadly we do not have the store
portion of the site up yet. But we
will…but if you live in the
Reno/sparks area you should go over
to shopper square and check out teas
and gifts across from Ben franklins
they have a lot of great stuff it’s
a good store and the owners are
really nice. </font></p>
<p>
<font face="comic sans ms" color="deeppink">
<em>(**SOME ** we place these
spells, formulas, herbs, oils here
for your use. The spells are free,
and we are more that happy to email
you what ever you need so please
dont steal theim because there is
no need to if they are free now is
there )</em></font></p>
</font></font>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</thead>
</table>
<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table6">
<thead>
<tr>
<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
<table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table7">
<tr align="middle" bgColor="#efefef">
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51">
<img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle">
Edit</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72">
<img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle">
Delete</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95">
<img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle">
Move Up</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110">
<img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle">
Move Down</td>
<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(97506389, 59963612,3, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140">
<img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle">
Insert Paragraph</td>
</tr>
</table>
<table id="table8" cellSpacing="0" cellPadding="0" width="90%" border="0">
<tr>
<td>
<div class="fw-paragraph">
<h2>the
beginning
</h2>
<div class="fw-text">
<p> </p>
<font face="Tahoma" color="royalblue" size="4">
<font face="Tahoma" size="4">
<p> </p>
</font><font face="Tahoma" size="4">
<p><font face="comic sans ms">Is the
best place to start …..so lets go
there shall we.....</font></p>
<p><font face="comic sans ms">This
is were we have great info on all
kinds of Wicca things for you to
know, learn and find out. We found
out some thing's we had </font></p>
<p><font face="comic sans ms">for
gotten about over time, and even
learned some other things we did not
know about while getting all the
information that was needed for this
site along with what was in our<em>
<font color="darkorchid">** b.o.s.’s**</font>
</em></font></p>
<p><font face="comic sans ms">So we
hope that You find what you need.</font></p>
<p><font face="comic sans ms">Maybe
you will learn from what is on this
site or maybe you just needed a
little refreshing you memory, lol
Zeus knows that I did I needed a
little refresh and learn at the same
time in putting this together.</font></p>
<p><font face="comic sans ms">There
is lots of information and more to
come. We say we a lot because Im not
alone in this path of making the
site</font></p>
<p><font face="comic sans ms">page
or learning the craft. I and my
sister (annatris)and good friend
(willow) are still learning as much
as we can. </font></p>
<p>
<font face="comic sans ms" color="darkorchid">
<em>**BOS** Book Of Shadows</em></font></p>
</font></font>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</thead>
</table>
</div>
</div>
<h2> </h2>
</div>
