Several HTML documents in One? But no FRAMES.

[killer_cow]

Hi there, I know there is an easier way to do this using asp or other malarkay like that but i just dont know it and dont have the time for it...just now.

But i was wondering if there was any easy way, using HTML, to simply link to different HTML documents ie. a header and a footer and stick them on top of and below the content of my different pages, kind of like you see with phpBB where u have the top bit always being the same for everypage and the bottom bit the same for everypage. I want to be able to do this without <IFRAME> (unless u can tell me a way of removing that stupid 'bevel' border) or using FRAMES. Id like to know of any alternatives you guys can think of.

Basically I dont want to have the same 160 lines of HTML at the top and bottom of every one of my HTML pages and having to redirect all the links to images in the header and footer depending on the location of each web page. Only the one part of my webpages change everytime (in terms of content etc.).

Is there any easy way to just make the top and bottom bit into 2 different HTML documents and then just have a 1 line piece of code that will display them on each page?


This is hard to explain but I hope some one out there can understand what im trying to get.

-KC

[RipperRoo]

to get a frame setup without the boarder, you just need to modify the code a little, here is an example rehashed from one of my old sites:

<frameset rows="100,*" border="0">
    <frame name="navigation" src="navigation.html" 
marginwidth="10" marginheight="10" scrolling="no" 
frameborder="0">
    <frame name="main" src="main.html" marginwidth="10" 
marginheight="10" scrolling="auto" frameborder="0">
</frameset>

frameset rows="100,*" border="0" defines the frame as a row (horizontal) without a border, and filling the whole row ( ,* )
as long as you make your header height 100 as in this example and make the background of navigation.html the same as the background to main.html you wont even see the join, example (rehashed from my old site so the menu's dont fit).

you can see where the header meets the rest of the page because of the navigation menu, but no beveled bars and an imvisable seemless join

this method also has the advantage of being able to control whether you have a scroll bar on either section or not, just set it to auto if you want ne and no if you dont.

[greffov]

and use target="framename" in your links to direct them to the right frame when you click them.

[killer_cow]

Ill tell u why i dont want to use frames. Because when I scroll down the pages with my content etc. i dont want everything to stay where it is apart from the content, i want the whole thing to move down so you dont have a 150pixel high header covering up the top part of ur screen all the time, just for when the page appears and then u scroll down so u can view the content and not hav a little 'window' to look at it from. See what I mean? I used to have frames in my other web pages and because i like colourful big-ish headers, i dont want the visitor to hav to look at my page through the little window of space thats left

Hope this will help bring up some ideas.

[killer_cow]

Heres a thought. Do you know of any way to make an <IFRAME> that would resize itself according to how much content there is in the page [contained in the frame, of course].

i.e. Lets say the contents of my 'home' page covered 300pixels in height, but then my 'graphics' page was 800pixels long, is there anyway that I could use maybe some javascript or other language in the target page to use as a reference to the page height so the IFRAME would resize itself accordingly?

Hope you can help me out.

-KC

[greffov]

uhm... maybe you can define a DIV which has an URL loaded in it (that's basically what an IFRAME is). The DIV will scroll through, but I really start to feel you just need server side scripting to include a template or something; sounds a lot simpler and less intensive for the client (browser) to me.

[killer_cow]

Could u give me an example of some server script i could use, because i really havnt had the time to look very intensly into server-side script. I guess a template would prolly be the best bet in this instance. Any 'easy' ways of getting started that you know of?

http://www.kcstudios.co.uk/main/indexv2.html

Thats the page I've got at the moment. Any ideas?

Thanx in advance,
K-C

[greffov]

PHP Code:

<html>
  <head>
    <title>my title</title>
  </head>

  <body>
<?php include('myheadertemplate.html'); ?>
    Some page content after the header goes here
  </body>
</html>

[killer_cow]

Perfect Thanx greffov. Always there to help.

Cheers


K-C

[greffov]

yer welcome