Sliding Window in centre of Page

[brensec]

Hi,

I would like to place a window in the centre of a HTML webpage, which has a slide so that limitless info can be put into this centre window and the slide used to see it, no matter how far down it goes.

I imagine it will involve a 'frame' - but I am a little unfamiliar with frames and can't seem to find how to place a 'sliding frame' in the centre of a HTML page...

Any help will be greatly appreciated... Thank you all...

 

[mongolish]

iframe

all you need to do is put in an iframe this allows the frames to move sepreate from the rest of the page.
to put an inline frame into your page use the tag
<iframe
src ="yourpage.htm">
</iframe>
you will need to make a page with all the info to put in the seperate and load into your ftp (file transfer protocol) with useing the right add ons you can resize the frame-- add height and width to your page to make the code look like this
<iframe src="yourpage.htm" height=" desired pixel size" width=" desired pixel size">
to look up anymore add ons go to http://www.w3schools.com/tags/tag_iframe.asp this is a great site for beginners
and make sure to check out my site as well!!!

 

[The Lion]

There is another option...

You can use a scrolling table. Scrolling tables are recommended over 'iframes' (or 'frames' to be exact) because frames cannot be read by metacrawlers. This means that when it comes to optimizing your website for search results (which is something you'll probably want to do in time), whatever is inside the frame won't count as content on your website. It's invisible. Scrolling tables are nice because they allow you to pack a lot of information into your pages, similarly to that of a frame; the only difference being, of course, that the content inside the table can be read by metacrawlers, which in turn helps your site with respect to search results.

Here's a full HTML layout for a scrolling table (everything included), nested between a series of divide tags for easy placement. Copy and paste this into the body of your document in your HTML editor, view it to see what I'm talking about, and then edit it as you see fit:

<!-- Code -->

<div style="width: 446px; height: 178px; overflow: auto; background-color:f5f5f5;">
<div style="padding-top:4; padding-bottom:4;">
<table id="sup" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-top:8;">
<table id="thumbs" width="1480" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
<td width="137">
<img src="http://www.etherjungle.com/ej/img/temps/Holder01.jpg" galleryimg="no">
</td>
<td width="10">
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>

<!-- Code -->

Good luck, friend,
The Lion.

I've got some web design articles here, if anyone is interested. And join my free business directory, if you'd like to trade links...