Auburn University
Auburn University
Students
Prospective Students
Employees
Alumni
Tiger Fans
Auburn University
 

Large Header Template with Sidebar using HTML

This is a test of the HTML header and footer includes.

Everything surrounding this test was included from other files by the browser.

Note: Implementing this header and footer requires that you put code for the sidebar on this page. You can place this code inside your header file, but implementing it on every page allows for the sidebar to change with the breadcrumb.

Note: Your content will be enclosed by a table with a width of 565 pixels.

Daniel Dixon (updated August 15th, 2005)

Here is the code for this page:

<html>
<head>
<title>Test Template</title>

<!--#include virtual="../includes/au_header_large_sidebar.html" -->

<style type="text/css">
<!--
#topLinksBackground {
/* Use to replace the default Top Links background with your custom 565 x 110 pixel title graphic. */
background: url(http://www.auburn.edu/includes/topLinksBackground.jpg) #052C5C no-repeat top left;
}
-->
</style>

<table width="770" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<!-- BEGIN SIDEBAR -->
<td id="sidebar" valign="top" width="205"><p><a href="#">Sidebar Link 1</a>
<a href="#">Sidebar Link 2</a> <a href="#">Sidebar Link 3</a> <a href="#">Sidebar
Link 4</a> <a href="#">Sidebar Link 5</a> <a href="#">Sidebar Link 6</a>
<a href="#">Sidebar Link 7</a> <a href="#">Sidebar Link 8</a> <a href="#">Sidebar
Link 9</a> <a href="#">Sidebar Link 10</a></p>
<p>&nbsp;</p>
<p>Your sidebar content here.</p>
<center><div class="orangeDecorBar" style="width:185px;text-align:center">&nbsp;</div></center>
<p>More sidebar content here.</p></td>
<!-- END SIDEBAR -->

<td bgcolor="#FFFFFF" valign="top" id="contentArea">

<h2>Your Title Here</h2>

<p>Your content here.</p>

<!--#include virtual="../includes/au_footer.html" -->