Previous Message
Next Message

highlighting sub nav topics

Sent by Chris Heilmann on 7 October 2004 10:10


> Hello,
>
> To highlight menu item corresponding to current page, you might find
> this technique [1] interesting.
> In your DW templates, you juste have to specify the ID attribute of the
> body tag as editable
> If you are working with DWMX2004 the [modify/templates/make attribute
> editable] function should do the trick.
>
> Regarding (nested) list styling, here is _THE_ listamatic resource [2]
>
> [1]<http://css.maxdesign.com.au/index.htm>
> [2]<http://dreamlettes.net/tutorials/activelinks/>
The two examples are reversed btw :)

I do like the "ID on body" trick a lot for keeping all styles in one CSS,
but I dislike just relying on CSS to highlight the current navigation
element.

The accessibility guidelines tell us not to rely on CSS alone, and a
current navigation point should also be obvious when CSS is off.
Furthermore basic usability best practises tell you that the current page
should not link to itself.

I normally use the aforementioned technique with the difference that the
current page is not a link but a strong. Parent elements get a strong
inside the link.

That way you have the benefits of the ID on body trick and you are
independent of CSS.
-- 
Chris Heilmann
http://icant.co.uk/ | http://www.onlinetools.org/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: