HTML Recipes

Graphics
Downloads

E2C offers this help on how to do frames on a website. 

The example shown below is about how to lay out a page with frame sampleframes as shown in the image to the right. It uses a headerframe ( blue ) a linkframe ( green ) and a mainframe ( red ). These sizes can be altered as per instructions below as required but this is more or less the most common layout used. 

Keep in mind you will need to have a page with the same file name for each frame made as well because each frame is a complete HTML page in and of it's self. If you were to use this example exactly you would need a page HEADERFRAME.HTML, a LINKFRAME.HTML, and a MAINFRAME.HTML page already made up of course keeping in mind that you will need to have them display into the area of the frame you allow for on this page. In the example there is also a provision to direct browsers that do not support frames to a NON_FRAMES.HTML page which should contain the basics of your site as well for those who use very old browsers or Internet appliances that do not support the use of frames.

Frames can be very frustrating for new Webpage makers but they do offer some options. Sadly some browsers ( even very current ones ) have some problems with the correct display of frames on websites.  AND search engines do not like them!!! Worse still is many free host sites treat pages that use frames poorly by placing banner adds in each frame so you end up with all your screen area taken over with banners and thereby making the use of frames worthless. 

One last point about the use of frames, you should keep in mind that you are sending 4 web pages at once when you use them so you should make every effort to keep the amount of content on your page within reason. Few people will wait around for a page that takes 60 seconds to display on their browser screen.

Sample index page below....

Copy into NOTEPAD and then paste as needed into your HTML directly from the page.

To alter frame sizes and other features. 

  • Settings all have scroll on and border set to zero width ( no border on frames unless they require a scroll bar ). 

  • To add border simply change border-"0" to a value greater than zero and it will make the border that width in pixels. 

  • Changing scrolling to no removes scrolling. 

  • Resizing. Headerframe height is currently set to 125 pixels, linkframe is set to 150 pixels width. 

  • Mainframe is set to use the rest of the available space ( 100% ) You can also use percentage on the header by changing it to say 25%.* and it would use one quarter of the height on the page. 

  • Likewise the linkframe could also be set in percentage say, 33%.* and it would use one third of the width of the page after the header.

Who is HomeMade? Meet Sugz, Lexsis,  Nhyrvana, Shear, and E2C.

link to us!

Did we help you? Then please link back!

Content and images copyright ? 2003-2004 HomeMadeHTML.com

* Disclaimer : HomeMadeHTML.com does not intend to be the complete or total HTML resource, but rather a place where we can answer questions we frequently get when building sites, and questions we see asked in help rooms and emails. The site is a point to interact and make available help to all levels of users. You can't find your problem or solution listed? Mail it in or search the web, and good luck! All questions submitted and their solutions become the property of HomeMadeHTML.com and may be published in part or in its entirety on this site. All programs and sites listed or referenced on this site are Copyrighted by their respective owners.