Skip to main content
Skip to main content

Hybrid Nav | 2 Column Page


Left Navigation Info

Navigation menus are done in <ul> and <li> tags.  The HTML code is set up as follows:

<li>Menu Item 1</li>
<li>Menu Item 2</li>

Left Column Info

Not only can you have your nav in the left (column 1) but you can also add content and images. Please note that anything you put in the left column will show up on ALL of the pages within your site.

Left Column Styles

Class - main_left
Width - 195px
Margin-Right - 15px

Hybrid Navigation 2 Column Template


Funny Monkey Image

This template is a combination of the Left Navigation template and the Top Navigation template.  A potential use for a template like this is if you wanted your division/college navigation across the top and then your department's navigation on the left.

The top navigation also has the ability to use a drop-down menu through the use off a nested <ul>.  This is accomplished via CSS and nothing is required on your end to make this happen other than the nested <ul>.  Hover over an item in the top navigation of this site to see an example of drop-down menus..

If you do want to use the top navigation from another site, email and tell us what top navigation you would like to use as well as which site you work in.  For example, if Web Services wanted to use the Public Affairs top navigation we would want to know that the /webservices site wants to use the /publicaffairs top navigation.

Main Column Styles

Class - main
Width - 735px

Template Styles

All styles can be viewed in the stylesheet

Note: documents in Portable Document Format (PDF) require Adobe Acrobat Reader 5.0 or higher to view,
download Adobe Acrobat Reader.

Note: documents in Quicktime Movie format [MOV] require Apple Quicktime,
download quicktime.

 Last Modified 10/5/17