Copy this HTML to use this layout:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Page Title Here</title> <style type="text/css"> body { color:#000000; font-family:verdana, sans-serif; font-size:10pt; background:#ffffee; margin:0px; padding:0px; } a:link, a:visited { text-decoration:none; color:#000000; } a:active, a:hover { text-decoration:underline overline; color:#fffff } ul { list-style-type:none; margin:0px; padding:0px 5px; } #banner { text-align:center; height:100px; } #content { position:relative; padding:5px; margin-left:141px; margin-right:141px; overflow:auto; height:550px; min-height:550px; max-height:550px; background-color:#FFFFCC; border:1px solid #000000; } #leftmenu { position:absolute; left:0; top:100px; width:130px; padding:5px; height:550px; overflow:auto; text-align:left; border: 1px solid #000000; background-color:#ffff99; padding:5px; } #rightmenu { position:absolute; right:0px; top:100px; width:130px; height:550px; overflow:auto; text-align:right; border: 1px solid #000000; background-color:#ffff99; padding:5px; } #disclaimer { position:relative; right:0px; bottom:0px; width:100%; height:70px; text-align:center; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; background-color:#ffff99; } </style> </head> <body> <div id='banner'> <img src='url to banner here' alt='Banner Here or site name. There is a place in the HTML to put in the banner'></div> <div id='leftmenu'> <ul> <li>Category</li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li></li> </ul> <ul> <li>Category</li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li></li> </ul> <ul> <li>Category</li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li><a href='#'>+ Link</a></li> <li></li> </ul> </div> <div id='rightmenu'> <ul> <li>Layout By</li> <li><a href='http://espeon.homeunix.com'><img src='http://espeon.homeunix.com/images/Buttons/SurskitButton.gif' alt="Espeon's Home" border='0'></a></li> <li></li> </ul> <ul> <li>Category</li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li></li> </ul> <ul> <li>Category</li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li></li> </ul> <ul> <li>Category</li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li><a href='#'>Link +</a></li> <li></li> </ul> </div> <div id='content'> <p> This layout is yellowish, as you can see.<br> </p> </div> <div id='disclaimer'> Disclaimer Here! </div> </body> </html>
