2 Frames

Simply copy and paste the following code inside html pages and run it from a browser (tested on IE & Mozilla).
If you want to see the live result (we believe this is the best way to learn what is the script about), try it here (new window).

The main page (frames.html):
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>2 Frames</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <frameset cols="20%, 80%"> <frame src="column.html" name="column"> <frame src="http://www.newo17.com/" name="loaded"> </frameset> </html>

The html page (the page loaded inside the column frame - column.html):
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>The column</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <body> <h1>Column - Menu</h1> <p> This column's width is 20% of the whole page while the second column on your right is 80%. </p> <p> You can add html text here and links such as: </p> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">...</a></li> </ul> </body> </html>

Note:
- Don't rely too much on frames for your design as they are treated differently by search engines. However they can be usefull when combined with javascript.

Comments

Post the first comment now
or discuss about it at this address:
Forum - HTML

Webmaster Corner

The Millionaire league
Dozens of Easy and Automatic Ways to Make Money Online Everyday!

Niche Annihilation Method
Crush Your Competition!
Download the method Now

iPowerWeb
Incredible Membership Packages - Web Hosting!

One Month Free Trial! ProStores - an eBay Company
Gain customers, increase sales, and boost profits with your own Web Store.

→ Get Google Pay-Per-Click Ads Free!
→ Automated Cash Formula $$$

2 Frames

2 Frames

Comments

Webmaster Corner

Categories