Thank you so much -- a far superior approach (most importantly for
accessibility, but also far less css and javascript to get lost in).
I struggled a little to get the drop down part of the menu to be wider
than the menu item in the top navigation bar (to fit long submenutitles
on one line). Eventually I copied some of the code from the Suckerfish
'Make it look prettier' example:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
which magically worked -- I'm just getting my head around how. I'm not
sure what the following bit of code means though (specifically the
backslash in 'width' (w\idth):
width: 14.4em;
w\idth: 13.9em;
Is it a hack?
Please know that because of the wonderful css-discuss.org and
specifically because you took the trouble to look at my problem Jason I
can now spend a few hours more with my kids and less in front of the
computer -- which has got to make the world a better place. Thank you!
On Sunday, August 28, 2005, at 01:01 am, Jason M Roehrig wrote:
Take a look at the Suckerfish Drop Down Menu [1] tutorial, as this is
exactly what you are looking for.
It is recommended to mark-up menu elements as list elements, placed in
a list (most commonly unordered lists), as a menu is nothing but a
list of links and should be accordingly marked.
My question is: Is it possible to have titles in the navigation bar
which run on to two or even three lines
(e.g. 'Learning
Disabilities
Community')?
You just need to set the width of list elements.
Is it possible at all?
Yes :)
Is it possible using this method of creating drop-down menus or can
someone suggest a more appropriate method?
I think this is the best method to achieve what you want, just try and
keep in mind, not to make your navigation over complex, as this could
cause irritation of users, while created with good will.
[1] http://www.htmldog.com/articles/suckerfish/dropdowns/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
