Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 0e24578091
Fetching contributors…

Cannot retrieve contributors at this time

executable file 100 lines (94 sloc) 4.181 kb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns=""><head>
<!-- Ohio State University Navigation Bar Example-Fixed Width: July 2008. See -->
<title>Page Title - College, School, Department, etc. - The Ohio State University</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
OSU Navigation Bar: Optional CSS
Highly recommended but not required.
Resets style values for uniformity across all browsers. See file for more information.
<link rel="stylesheet" type="text/css" href="osu-navbar-media/css-optional/reset.css" />
<!-- OSU Navigation Bar: Required CSS. -->
<link rel="stylesheet" type="text/css" href="osu-navbar-media/css/navbar.css" />
<!-- OSU Navigation Bar: Required Conditional CSS. -->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="osu-navbar-media/css/navbar-ie6.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="osu-navbar-media/css/navbar-ie7.css" />
<style type="text/css">
OSU Navigation Bar: Note for developers:
Page content following the OSU Navigation Bar must have a width assigned or
IE will not perform "skip to content".
width: 100%;
#page-content h1, #page-content p
padding: 1em 3em;
OSU Navigation Bar: Optional javascript
Dynamically shows and hides form input labels.
<script type="text/javascript" src="osu-navbar-media/js/searchform.js"></script>
<!-- OSU: Optional Favicon -->
<link rel="icon" href="osu-navbar-media/img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="osu-navbar-media/img/favicon.ico" type="image/x-icon" />
<!-- Begin OSU Navigation Bar -->
<div id="osu-Navbar">
<a href="#page-content" id="skip" class="osu-semantic">skip to main content</a>
<h2 class="osu-semantic">OSU Navigation Bar</h2>
<div id="osu-NavbarBreadcrumb">
<p id="osu">
<a title="The Ohio State University homepage" href="">The Ohio State University</a>
<p id="site-name">
College, School, Department, etc.
<div id="osu-NavbarLinks">
<li><a href="" title="OSU Help">Help</a></li>
<li><a href="" title="Buckeye Link">Buckeye Link</a></li>
<li><a href="" title="Campus map">Map</a></li>
<li><a href="" title="Find people at OSU">Find People</a></li>
<li><a href="" title="OSU Webmail">Webmail</a></li>
<li><a href="" title="Search Ohio State">Search Ohio State</a></li>
<!-- Begin Page Content (not part of template) -->
OSU Navigation Bar: Note for developers:
Page content following the OSU Navigation Bar must have a width assigned or IE will not perform "skip to content".
<div id="page-content">
<a id="content"></a>
<h1>OSU Navigation Bar Example: Link to search</h1>
This alternate version of the navigation bar has a hyperlink to's search.
A red/gray common navigation bar at the top of the page is the recommended primary common element among all Ohio State service sites and department/college web pages.
It's a minimal primary element that reasonably attempts to tie together thousands of web pages under decentralized control.
To maintain consistent usage across the university, please do not modify the navigation bar beyond the text inside &lt;p id="site-name"&gt;.
In some cases the "osu-Navbar" background color (#EAEBEB) may be changed for better design consistency with an existing site's background.
For more information see: <a href=""></a>. If in doubt contact <a href="">University Relations-New Media</a>.
Jump to Line
Something went wrong with that request. Please try again.