index.htm
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Esempio</title>

<style media="screen" type="text/css" >
<!--
html, body {
	background-color:#999999;
	margin: 0;
	padding: 0;
}
#menu {
	top: 150px;
	left: 20px;
	position: absolute;
}
#mio_iframe {
	background-color:#CCCCCC;
	top: 150px;
	left: 500px;
	position: absolute;
}
-->
</style>

</head>

<body>

<div id="menu">
    <a href="home.htm" target="pippo">
        [img]1.jpg[/img]
	</a>
</div>

<iframe id="mio_iframe"
	name="pippo"
    width="350"
    height="350"
    frameborder="0"
    scrolling="no"
    src="1.htm">
</iframe>

</body>
</html>
1.htm
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pag 1</title>
</head>

<body>
<h1>Pagina 1</h1>
</body>
</html>
home.htm
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
</head>

<body>
<h1>Home Page</h1>
</body>
</html>
Sostituisci i nomi delle pagine e delle immagini con i tuoi