Pure CSS horizontal Drop Down Menu
Tweet
Pure CSS horizontal Drop Down Menu
DEMO
HTMO CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pure CSS horizontal Drop Down Menu</title>
<style type="text/css" media="screen, projection">@import "http://www.phpasks.com/blogs/wp-content/uploads/2009/11/map_dropDown.css";</style>
<script type="text/javascript" src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/map_dropDown.js"></script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="98%">
<tr>
<td align="left" width="100%">
<div id="wrapper">
<ul id="map_dropDownMenu">
<li>
<a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Menus</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">CSS Dropdown</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Current Link</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Keyboard Special </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">With Images</a></li>
</ul>
</li>
<li id="AB"><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Articles: A-D</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Accesskeys</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Branching</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Drop Caps</a></li>
</ul>
</li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Articles: E-K</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">ie C.C. </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">ieMac Bugs</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Images in Heading</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Images in Table</a></li>
</ul>
</li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Articles: L-O</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Location Object </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Many Layouts</a></li><li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Null Links </a></li>
</ul>
</li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Articles: P-S</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Popup Windows</a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">PNG Overlay </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Scalable Tabs </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Styling Pullquotes</a></li>
</ul>
</li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Articles: T-Z</a>
<ul>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">The Perfect FAQ </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Tip Method </a></li>
<li><a href="http://www.phpasks.com/blogs/pure-css-horizontal-drop-down-menu/">Whitespace</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
</body></html>
No comments yet.