This is an inline frame

Code for this layout

<html> <head> <title>Raven</title> <LINK REL=stylesheet HREF="/style.css" TYPE="text/css"> </head> <style>  </style> <body bgcolor="#000000"> <p> <img border="0" src="http://yoursite.com/images/rayvenback.png" style="position: absolute; left: 0; top: 0" width="700" height="800"></p> <p> <iframe FRAMEBORDER="0" width="220" height="395" src="http://yoursite.com/left.htm" name="navigation" style="border:px solid #653E50; position:absolute; left:5; top:405" scrolling=auto style="filter:chroma (color=#00ff00)" allowtransparency="true" target="I1"></iframe> <iframe name="I1" FRAMEBORDER="0" width="440" height="395" src="http://yoursite.com/main.htm" name="I1" style="border:0px solid #F9B2B9; position:absolute; left:250; top:405" scrolling=auto style="filter:chroma (color=#00ff00)" allowtransparency="true" target="I1"></iframe> </body> </html>

You can use this code for the left I frame

<html> <head> <title>navigation</title> <LINK REL=stylesheet HREF="http://yoursite.com/ravenstylesheet.css" TYPE="text/css"> <style>  </style> </head> <body> <table border="1" cellpadding="0" cellspacing="0" style="border-style:solid; border-collapse: collapse; " bordercolor="#111111" width="100%" bgcolor="#9AA7BD"> <tr> <td width="100%"> <p style="text-align: center">Navigation</td> </tr> </table> <p style="text-align: center"><a target="I1" href="http://yoursite.com">Link 1</a></p> <p style="text-align: center"><a target="I1" href="http://yoursite.com">Link 2</a></p> <p style="text-align: center"><a target="I1" href="http://yoursite.com">Link 3</a></p> <p style="text-align: center"><a target="I1" href="http://yoursite.com">Link 4</a></p> <p style="text-align: center"><a target="I1" href="http://yoursite.com">Link 5</a></p> <div align="center"> <center> <table border="1" cellpadding="0" cellspacing="0" style="border-color:#000000; border-collapse: collapse; border-style: solid; " width="100%" bgcolor="#9AA7BD"> <tr> <td width="100%"> <p style="text-align: center">About Me</td> </tr> </table> </center> </div> <center>Name: Your name<br> <center>Whatever: Whatever<br> <center>Whatever: Whatever<br> <center>Whatever: Whatever<br> <center> </br> <p style="text-align: center"> </p> </body> </html>

Right click on the picture and save target as and upload it to your site, do not direct link from me.

Here is a style sheet that I created for this layout.

ravenstylesheet.css

I have the style sheet linked in already but you'll need to change the link to your own.