Hi, We are trying to create multi-level tabbed navigation for the new UC Berkeley calendar. We have one instance where we have three levels of tabs, with the third level having two lines: http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/UCBEven tsTabs2.bmp. We realize this is somewhat excessive, but haven't come up with a better way to organize this information and not change the left-hand navigation, which we'd like to be the same on all pages of all the calendars.
We are wondering if, when someone clicks on something in the third level in the top row (e.g. Cross Country), it is possible for the two rows to switch order, similar to the way rows of tabs change places when selected in the Windows OS so that the selected item is always in the bottom row. One solution we thought of was to have two divs, one with one row on top and another with the other row on top, and to hide the row we didn't want to see with CSS (e.g. display:none or visibility:hidden). However, this would result in two versions of the same menu and I've read several places including here: http://www.naarvoren.nl/artikel/high_accessibility/ that some screen readers read things that are marked this way and some don't. Additionally, doing it this way the page wouldn't be very semantically accurate (since it would essentially have an extra menu). The current code for the first two levels of tabs is here: http://www.berkeley.edu/test/calendar-tabs/main-tabs-2levels.html. Any ideas are appreciated--thanks! Allison Bloodworth Principal Administrative Analyst e-Berkeley Program Office University of California, Berkeley (415) 377-8243 [EMAIL PROTECTED] ______________________________________________________________________ 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/
