2 frames

Script tested on Mozilla and IE 6-7 and should not meet any problem of compatibility across browsers.

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)

This page is the main one which calls the content of each column.

<!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>

download the file

2 Frames The html page (the page loaded inside the column frame - column.html)

This page is called from the main page.

<!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>

download the file

- 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.

Webmaster Corner

The ClickBnk Code
Another Killer Product From Michael Jones, simply follow the Blueprint For Easy Online Wealth Using Click Bank...

Mass Article Control #1
Create Thousands Of Articles From only 1 Article and Have them Submitted Automatically With A brand New Submitter!

iPowerWeb
Incredible Membership Packages - Web Hosting!

→ Maverick Money Makers - Get Paid For Life!

2 frames

2 frames

Webmaster Corner

Categories