Access keys | Skip to primary navigation | Skip to secondary navigation | Skip to content | Skip to footer |
Problems viewing this site

Implementation advice

Primary navigation - not using the UDM4 scripts

Implementation of the primary nav using the UDM4 scripts might not be the best solution in all circumstances. This refers to websites with very small amounts of content. Developers may wish to have a top-level menu without any sub menu items.

In these circumstances the style of the CUE primary nav must be maintained.

What follows is an example of how to implement a top-level primary nav in the style of the CUE without using UDM4 scripts.

In the body of the HTML document, create an un-ordered list for your menu items. Separate each item with a pipe symbol (|). Give the root <ul> item a unique id tag which can be referred to in the style sheet.

<ul id="noudm">

    <li><a href="#">Menu item 1</a></li> |

    <li><a href="#">Menu item 2</a></li> |

    <li><a href="#">Menu item 3</a></li> |

    <li><a href="#">Menu item 4</a></li>

    </ul>

In the style sheet, create a new element which refers to the un-ordered list's root id tag. Set the margins and padding to zero and the display to inline.

#noudm, li, ul{margin:0;padding:0;display:inline}

The "display:inline" property is important as it shows the list items horizontally aligned.

Using this technique, all references to UDM4 files may be removed from a document without harmful consequence. These include:

Last updated December