Home > Demo > How to get started using Web Builder Express > How to put a HTML page in a scrolling frame

How to put a HTML page in a scrolling frame


Note:  This is an advanced feature, and requires some understanding of HTML.

This page shows you how to upload a HTML file, and place the contents of that file into a scrolling region on a page. 

You might use this when you have a very wide set of data you want to show, and you need to have that data scroll in a region on your web page.  You might want that data to scroll inside your web page so that it does not distort or "push out" the rigth hand margin of your web page, and mess up the look of your web page.

A specific use of this is when you have a wide table of data in Microsoft Excel which you would like to post on your web page.  In Excel, select the "File, Save As" option and set the "Save as type" to "Single File Web Page".  This will produce a HTML document.  You can upload that resulting HTML document into Web Builder Express.  You can then set up the code on your new Web Builder Express web page which will display that resulting HTML page inside a scrolling frame.


 First, you need to upload the HTML file from your PC to your list of available files in Web Builder Express:

1. While editing the new web page where you want to put the HTML file in a scrolling frame, click on the "Files" icon .

2. Click on "add file" icon , and upload the HTML file. 

3. Click "Browse" to locate the HTML file on your PC, then click "Upload".

4. Close the "Files" window.


 Next, you need to create the special HTML code on your web page to display the file you uploaded inside a scrolling frame:

5. In the lower left corner of the editing window, click the box next to "HTML" to display the HTML code for the web page.

6. Copy following HTML code and paste it into the editing window:

<P ><IFRAME src="/sites/ClevelandTriathlonClub/files/FILE-NAME.HTML" width="100%" height=400 ></IFRAME ></P >

Important Note:  Replace the demonstration text "FILE-NAME.HTML" with the actual name of the file you uploaded in step 3 above.

Important Note:  The file extension you uploaded in step 3 may be HTML, or it may be something like it (i.e. MHTML, etc.).  Make sure that the file name you type in step 6 EXACTLY matches the file name you uploaded in step 3 above.  There should be no space between the slash "/" and the file name, and there should be no spaces after the file name and before the quote.

Important Note:  The HTML code listed in step 6 has an extra space before each open bracket ">".  This is so that the you can view the code here.  After you paste that code into the HTML editor, remove the space that appears before each open bracket ">".  You will need to delete four spaces in total.

 

7. In the lower left corner of the editing window, click off the "HTML" button to return to the normal view.

8. Click "Save" in the lower right corner of the editing window to save the page.

 

Learn more

Guaranteed. Try Web Builder Express and enjoy our "60 Day Risk Free Guarantee".

You get a remarkable list of features with Web Builder Express at a great price.

Frequently Asked Questions.

You can take many different approaches to building and managing your web site. Which is right for you?

How to determine if you need a content management system.

Detailed comparison of different content management system vendor's features and costs.

What is important to you when building your web site?

Sign up now and start using Web Builder Express immediately.

webbuilderexpress.com
1201 Greene Square
Celebration, FL 34747
Contact Us
toll free phone: (877) 290-9407
fax: (440) 378-6546

Privacy Policy - Copyright Policy - Site Map Copyright 2002 - 2010 Web Builder Express