First of all sorry if this is in the wrong forum as really I didnt know which one to post in.

Im a little inexperienced in webdesign, basically Im setting up a personal site and need a way of having a set page for the layout of my site and have each 'content' page incorporated into that so that if I need to make alterations to the layout I can do it easily without manually changing every content page.
Below is basically what I need, some sort of code or something that will allow me to insert a seperate page inside the red highlighted area without affecting the surrounding design.



If anyone could be of assistance with this I'd much appreciate it

Thanks

The easiest way I can think of for doing that is to use an Iframe. Go to google and type in I frame and youll find a tutorial on them. That is easiest way to do what you are looking for.

I would suggest either using IFrame, Frames, or a server-side scripting language.

This article:
http://www.freewebmasterhelp.com/articles/unav
describes some of the methods you could use

Hi, thanks both of you, I searched for lframes and found a way of doing them, but I've got a little stuck over something, ive set up my first page the way i want them all to be - with the heading, menu, etc in lframes and each saved as seperate html files that come together into the one page using lframes, but the problem is when i click on a link on the menubar which is displayed using a lframe, it takes me to that page in the space for the lframe rather than changing the whole page- which i want.

Sorry if im a little unclear, this pic might help

To do this you will need to set the IFrame's name.
<iframe name="contentframe">

Then for your links, you will need to set their target to the name of the IFrame:
<a href="page.html" target="contentframe">

Hope that sorts it out.

Sorry to be a pain but can you be a bit more specific as Ive got a bit lost half way through, if you could guide me through one link it would help me understand it

Just to point out

menu bar = co.uk/menubar.htm
testpage (linked in menu) = .co.uk/testtext.htm

For the lframe i want the page to display is currently like this:
<IFRAME name = "contentframe"

width = "289"
height = "860"
scrolling = "auto"
frameborder = "0"
align = "right"
marginwidth = "0"
marginheight = "0">
</IFRAME>

The link in the menu is currently like this:
<p><a class="wsnav" href="http://www.martinsharkey.co.uk/testtext.html" target="contentframe"&gt;">Other</a>&nbsp;&nbsp;</p>
<p>&nbsp;</TD>


I know once I do it once I will understand it, but at the moment I'm a little stuck

The code you have is almost correct. Assuming that this was actually part of your code and not a problem when posting it to the board:

target="contentframe"&gt;">Other</a> </p>

should read:

target="contentframe">Other</a> </p>

and then it should work.

If not, would it be possible to give a URL for the page, as your code looks correct, and it might be easier to see the mistake it it was in context.

Nope still doesnt appear to be working, Ive pasted the sections of code below if that helps

----Taken from webpage--------
<TR>
<TD vAlign=top colSpan=3 width="320">
<TABLE cellSpacing=0 cellPadding=0 width=315 border=0>
<TBODY>
<TR>
<TD><IMG height=7 alt=""
src="About Us BBC World Service_files/clear.gif" width=1
border=0>
<IFRAME name = "contentframe"

width = "289"
height = "860"
scrolling = "auto"
frameborder = "0"
align = "right"
marginwidth = "0"
marginheight = "0">
</IFRAME>
<p align="left">&nbsp;</p>
</TD></TR>
</TBODY></TABLE>
___________________________________-


----------Taken from menubar.htm-------------
</TABLE>

<TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
<tr>
<TD class=wsnavtitle align=right bgColor=#3366cc>B u s e s&nbsp;</TD>
</tr>
<tr>
<TD align=right bgcolor="#99CCFF">
<DIV class=three>&nbsp;</DIV><a class="wsnav" href="http://www.martinsharkey.co.uk/testtext.htm">TEST
TEXT&nbsp;</a>&nbsp;
<p><a class="wsnav" href="http://www.martinsharkey.co.uk/buses/first.htm">First</a>&nbsp;&nbsp;</p>
<p><a class="wsnav" href="http://www.martinsharkey.co.uk/testtext.html" target="contentframe"&gt;Other&lt;/a&gt; &lt;/p&gt;
<p>&nbsp;</TD>
</tr>
<TR>
<TD class=wsnavtitle align=right bgColor=#3366cc>I n t r a n e t&nbsp;</TD></TR>
<TR>
<TD align=right bgcolor="#99CCFF">
<DIV class=three>&nbsp;</DIV><a class="wsnav" href="http://www.martinsharkey.co.uk/intranet.htm">Log-in</a>&nbsp;&nbsp;
<DIV class=three>&nbsp;</DIV>
<p><a class="wsnav" href="http://www.martinsharkey.co.uk/intranet2.htm">Log-in
#2</a>&nbsp;&nbsp;</p>
<DIV class=three>&nbsp;</DIV></TD></TR>
</TABLE>

There are still some unclosed tags:

<p><a class="wsnav" href="http://www.martinsharkey.co.uk/testtext.html" target="contentframe"&gt;Other&lt;/a&gt; &lt;/p&gt;

Is that happening in your editor? Or maybe just when copying here?

Dave

this is the way i did it.
<DIV ID="idElement1" style="position:absolute; top:126px; left:560px;">
<IFRAME SRC="YOUR URL HERE" WIDTH=240 HEIGHT=650 MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER=0 SCROLLING=no></iframe>
</DIV>

and it seems to work for me.

Sorry but I'm still not getting it

I decided to start a fresh with a new page since the other was a little clutered with wrong and obsolete code, I've changed the design so that rather than having an lframe for the actual content pages, i want the whole page to refresh.
Below is a diagram:


As you might see by now code and programming really isnt my thing.


I really appreciate the help I've got so far tho, Thanks!

i see what you mean. I think name helps.

<DIV ID="idElement1" style="position:absolute; top:126px; left:560px;">
<IFRAME SRC="YOUR URL HERE" NAME="main" WIDTH=240 HEIGHT=650 MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER=0 SCROLLING=no></iframe>
</DIV>

so on each link i suppose you put
<a href = "link here" target="main">blah blah</a>

and i believe that targets the iframe.
if that doesnt work, then i really dont know.

Im still not getting it, I know its a lot to ask but could someone do it for me, please.

http://www.martinsharkey.co.uk/files.zip

I don't have time to just do this for you and personally i think its not a very good idea. Unless you know some kind of server-side language like PHP or ASP then you will have a very hard time doing what you are talking about. IFRAMES are always a solution but they do now look like what you are trying to do in your example. I would work on design more before doing something like this but if you are really persistant then here is a multipage tutorial about iframes: http://hotwired.lycos.com/webmonkey/...l?tw=authoring like I said though, it won't look good with your design so I dunno why you'd want to pursure it.
-dk

Martin, ill give it a shot in HTML-Kit whenever I can and tell you how it works out

MARTIN! you did not change your code to what David said! take out the &gt; tags in some of your a href tags! thats the only problem! fix it! comon!

If you want check out my source code for a site I designed with an iframe @ www.armair.com . Its pretty easy really.

Martin well you have taken the next step to do frames. The next step is to make sure all the links in the content are tagetting the page you want. Check in your code and look for word tagert. use this tag <target ="main"> if you want it to pen in a new window <target="_blank">.

Hope this helps.

not an expert or anything but shouldn't you be looking at incorporating some sort of header/footer/left menu templates and just using 'includes' to get layout and navigation on each page the same e.g. asp 'includes' using .css (Cascading Stylesheet) files or by using the CFTEMPLATE tag in ColdFusion.

Frames are a nightmare.