Hi. Sorry to bother everyone.

I've been making a website using a template which I have then proceded to change. The original template has these buttons on it to link to other pages of the site. But, I don't know how to make other pages to my site and I can't find instructions to that anywhere.

Can someone please tell me or tell me where to go to find out how to create different windows (not sure if thats the right term) in my page so I can display info in different sections etc.

Thanks - its driving me crazy!

First off, no bother! That's what we're here for.

Secondly, I'm not exactly sure what you're asking. Are you trying to just make a regular link out of the images to other pages? If so, you just create the other pages as you like. Then make the buttons link to those files (their specific locations and file names).

Or do you mean you click on a button, and only part of the page reloads with the content?

If you could give more details, I'd be happy to be more specific myself!

the latter.

Argh i wish i knew the technical jargon so i could be more specific! sorry about that.

I want it all to be contained in the same page - ie. not linking to other pages. The page I'm making is for my fashion label so I want viewers to be able to click on the buttons (on the main page) and a section/page will open with pictures of the goods. So each button will say like 1. shoes, 2. T-shirts, 3. Dresses, 4. General art and so on. So when one clicks on the button, the corresponding page will open with the pictures of examples.

Does that make sense?

Yes, it makes sense. You're still going to have to do it with multiple pages though. But it'll "look" like one page.

Try using inline frames:
http://www.w3schools.com/tags/tag_iframe.asp

thanks for your help.

I checked out the Inline frames - but I'm not sure I have room for one on my page so far.

I will make additional pages that will open in separate windows. But I'm not sure where to put the links in? I have 6 buttons like I said, which are just images at the moment - where do I put in the HTML for the link?

The current HTML for the buttons is:

<!--

function on1()
{if (!document.images) return; document.a.src = "images/butt_link1_selZ.jpg";}
function on2()
{if (!document.images) return; document.b.src = "images/butt_link2_selZ.jpg";}
function on3()
{if (!document.images) return; document.c.src = "images/butt_link3_selZ.jpg";}
function on4()
{if (!document.images) return; document.d.src = "images/butt_link4_selZ.jpg";}
function on5()
{if (!document.images) return; document.e.src = "images/butt_link5_selZ.jpg";}
function on6()
{if (!document.images) return; document.f.src = "images/butt_link6_selZ.jpg";}

function off1()
{if (!document.images) return; document.a.src = "images/butt_link1Z.jpg";}
function off2()
{if (!document.images) return; document.b.src = "images/butt_link2Z.jpg";}
function off3()
{if (!document.images) return; document.c.src = "images/butt_link3Z.jpg";}
function off4()
{if (!document.images) return; document.d.src = "images/butt_link4Z.jpg";}
function off5()
{if (!document.images) return; document.e.src = "images/butt_link5Z.jpg";}
function off6()
{if (!document.images) return; document.f.src = "images/butt_link6Z.jpg";}

var imgslist = new Array(
"images/butt_link1_selZ.jpg",
"images/butt_link2_selZ.jpg",
"images/butt_link3_selZ.jpg",
"images/butt_link4_selZ.jpg",
"images/butt_link5_selZ.jpg",
"images/butt_link6_selZ.jpg");

var imgs=new Array();
for (x=0; x<imgslist.length; x++)
if (document.images)
{imgs[x]=new Image(); imgs[x].src = imgslist[x];}

//-->


I have no idea what to make of it.