List Formatting

While this may seem trivial I have established that an un-styled list does not have enough space between items. This is mainly when the pages areviewed on a mobile device.

Update: On moving some styling and scripts into common files I discovered that I can make a global change on the behaviour of the li elements. This should not have been surprising to me as I have been using unordered list elements for menus over the years.

Key lists

The main CSS file has been updated to allow "Key Lists" to be added with list items of class="kl".

In the example below if the list items are links they should be easier to click on a mobile device.

Space between list items - an example

• Item One
• Item Two
• Item Three

You should be able to define a class that does the same for the list type, ordered and unordered and utilized the object inheritance to format the list items. I will let this go for a while and wait until I have investigated the object nature of page elements.

List Style

See the W3C pages for the syntax