I AM NOT A

LIBRARIAN

CONTENT IS KING

BUT WHO WANTS TORULE A DISORGANISED

RABBLE

<ul><MySource_AREA id_name="topnav_menu" design_area="menu_normal"> <MySource_SET name="level" value="root" /> <MySource_SET name="prefix_with_divider" value="false" /> <MySource_SET name="suffix_with_divider" value="false" /> <MySource_SET name="show_subs" value="always" /> <MySource_SET name="settings.class.normal" value="level1"/> <MySource_SET name="settings.class.hierarchy" value="hierarchy"/> <MySource_SET name="settings.class.current" value="current"/> <MySource_ASSET> <li class="<MySource_PRINT var='settings.class' />"> <a href="<MySource_PRINT var='asset_link' />" > <MySource_PRINT var='asset_short_name' /> </a> <MySource_SUB design_area="menu_normal"> <MySource_SET name="show_subs" value="always" /> <MySource_SET name="settings.class.normal" value="level2"/> <MySource_SET name="settings.class.hierarchy" value="hierarchy"/> <MySource_SET name="settings.class.current" value="current"/> <ul> <MySource_ASSET> <li class="<MySource_PRINT var='settings.class' />"> <a href="<MySource_PRINT var='asset_link' />" > <MySource_PRINT var='asset_short_name' /> </a> <MySource_SUB design_area="menu_normal"> <MySource_SET name="show_subs" value="always" /> <MySource_SET name="settings.class.normal" value="level3" /> <MySource_SET name="settings.class.hierarchy" value="hierarchy"/> <MySource_SET name="settings.class.current" value="current"/> <ul> <MySource_ASSET> <li class="<MySource_PRINT var='settings.class' />"> <a href="<MySource_PRINT var='asset_link' />" > <MySource_PRINT var='asset_short_name' /></a> </li> </MySource_ASSET> </ul> </MySource_SUB> </li> </MySource_ASSET> </ul> </MySource_SUB> </li> </ul>

#menu li ul, #menu li:hover li ul, #menu li.sfhover li ul { position: absolute; width: 13.5em; left: -999em; top: 1.5em;}

#menu li:hover ul, #menu li.sfhover ul { left: 0; }

#menu li li:hover ul, #menu li li.sfhover ul { left: 13.5em; top: -1px; }

<!--[if lte IE 7]> <script type="text/javascript" >sfHover = function() { var sfEls = document.getElementById("menu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } }}

RESOURCESThe Polar Bear BookInformation Architecture for the World Wide Web, Third Edition Designing Large-Scale Web SitesBy Peter Morville, Louis Rosenfeld

Boxes and Arrowshttp://www.boxesandarrows.com

Information Architecture Institutehttp://iainstitute.org

This presentationhttp://www.slideshare.net/nickobec/mmiuc