Navigation Menu Functionality

In the #navigation div, unless you apply Dropdown Menus, the navigation menu will be made up of a simple unordered list. In order to keep all pages on this site consistent, I've prepared a special page to demonstrate a navigation menu without dropdowns applied. The demo page also demonstrates other non-dropdown styles.

Navigation Menu Demo

---

Relevant HTML

<ul id="navigationUL">
	<li class="noArrow"><a href="../features/index.html">Features</a></li>
	<li class="noArrow"><a href="../functionality/index.html">Functionality</a></li>
	<li class="noArrow"><a href="../additions/index.html">Additions</a></li>
	<li class="noArrow"><a href="#">etc.</a></li>
</ul>

Relevant CSS

#navigation
{
	background:url(../images/highLines.png);
}

#navigation p
{
	padding:0 0 1em 0;
	font-size:1em;
	color:#fff;
}

/* #navigation hyperlink styles. */
#navigation a
{
	text-decoration:none;
	color:#fff;
}

#navigation a:hover
{
	text-decoration:underline;
}

/* #navigation header styles. */
#navigation h3
{
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}

/* #navigation unordered list styles. */
#navigation ul
{
	padding:0 0 1em 0;
	list-style:none;
	font-size:1em;
}

#navigation ul ul
{
	padding:0 0 0 1em;
}

---

« Back to Functionality Index