Loading...
 
Skip to main content

History: Menu styling

Preview of version: 1

The CSS involved

Tiki's default menu - Standard Tiki menu, not using suckerfish (CSS) or PHP Layers - has items something like this:

Home
Search
Stats
Categories
(folder icon) Wiki
Wiki Home
Last Changes
List Pages

A look at the page source shows that each of the top-level items is text in a span class="menutext" in a link class="linkmenu" in a div class="option". This strikes me as excessively specified, and probably

.option a,
.option a:visited


would probably be enough to style the link, without using the link class or the span class. Maybe the use of three classes here will be simplified in the future, so it would be most futureproof to rely on context to identify the selector, as the example above shows.

Modifying the style


To move the text to the right, the div class="option" can be given some left padding, like

.option {padding-left: 20px;}


More coming soon.

History

Advanced
Information Version
Fri 04 of Dec, 2009 09:21 GMT-0000 Gary Cunningham-Lee minor edits 2
Fri 04 of Dec, 2009 09:17 GMT-0000 Gary Cunningham-Lee Page created. 1