Re: [WSG] Help setting current menu state on level2 menus
Thanks Thierry - I'm looking into that too! Just not clear if it will handle more than one level of menu items, waiting to hear back from them. Cheers susie On 10/6/08 2:55 PM, Thierry Koblentz [EMAIL PROTECTED] wrote: -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Susie Gardner-Brown Sent: Monday, June 09, 2008 6:45 PM To: wsg@webstandardsgroup.org Subject: [WSG] Help setting current menu state on level2 menus Hi there I've been using the 456bereastreet.com method ( http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_ with_css/) to set the current menu state using css. Which is really great when there is only one level of menu items ... But I'm now trying to use it with 2 levels of menus, that incorporate background images for bullets and different colour schemes for the 2nd level ... (sigh - blame the graphic designer!) It works fine on the first level - see http://crunchie.tedi.uq.edu.au/trials/UCTLC/contacts.html But when the link has sub-menu items under it, all of those get the same treatment! Because the styles are applied to the list item. Can anyone think of a way to do this that would not affect the sub-menu? I've tried applying the id to the 'a' tag but that did nothing! See http://crunchie.tedi.uq.edu.au/trials/UCTLC/stLucia.html I did have a script that did this, but it didn't include background images, or separate colours/styles for the sub-menu items. And my javascript skills do not extend that far I'm afraid! Any thoughts would be great. I have spent too much time on this already, and need to know if I'm just trying to do something that will never be possible, and so should start again! In case you want to automate the process using a script: http://divahtml.com/products/divaGPS/current_menu_location.php There is a free version for DW users *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help setting current menu state on level2 menus
On 10 Jun 2008, at 05:55, Gunlaug Sørtun wrote: Testing with regular browser-option well beyond what normal users will expose your work to, will save you from having to deal with user-introduced problems later on. On a related note (testing in IE win), I try and remember when doing my IE/Win testing to test both in 'regular' mode (default text sizes) and accessibility 'brute test' mode (ignore font sizes on page, set text to largest). This involves quite a bit of irksome preference- switching back and forth on a regular basis. I was wondering if anyone had developed a script or something to automate these changes to settings with a single click? -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help setting current menu state on level2 menus
Susie Gardner-Brown wrote:
But when the link has sub-menu items under it, all of those get the
same treatment! Because the styles are applied to the list item. Can
anyone think of a way to do this that would not affect the sub-menu?
http://crunchie.tedi.uq.edu.au/trials/UCTLC/stLucia.html
Add specificity to the selectors for sub-menu styles...
#lhnav #navcontainer li li a { ... }
#lhnav #navcontainer li li a:hover { ... }
...to make those styles override ACTIVE styles on first level.
BTW: font-resizing doesn't play well with that menu in any browser, and
IE/win's em font-resizing bug[1] doesn't help much either.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Help setting current menu state on level2 menus
Hi Georg
Thanks for that. I'll have a go. You always seem to help me - thank you so
much!!
Re the font-resizing - sigh!! For a lot of the websites we develop at the
university here, we're supposed to use this awful template, which includes
the lefthand menu like this. In the template it's all in tables!! I got the
way of doing this menu from http://demo.pixelsandpages.com/test_dual.html
and I thought it covered all problems!
I looked at your page about this. I already have the base body font size set
at 62.5%. Are you saying that if I add in html{ font-size: 100%;}
before that it will be OK?
Of course, I'm a Mac-user, who pretty much uses Firefox all the time. But I
do have XP and IE6 installed in Parallels so I check on that. But I guess
usually after I've developed in FF Mac ... :)
Thanks again
susie
On 10/6/08 1:18 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Susie Gardner-Brown wrote:
But when the link has sub-menu items under it, all of those get the
same treatment! Because the styles are applied to the list item. Can
anyone think of a way to do this that would not affect the sub-menu?
http://crunchie.tedi.uq.edu.au/trials/UCTLC/stLucia.html
Add specificity to the selectors for sub-menu styles...
#lhnav #navcontainer li li a { ... }
#lhnav #navcontainer li li a:hover { ... }
...to make those styles override ACTIVE styles on first level.
BTW: font-resizing doesn't play well with that menu in any browser, and
IE/win's em font-resizing bug[1] doesn't help much either.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Help setting current menu state on level2 menus
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Susie Gardner-Brown Sent: Monday, June 09, 2008 6:45 PM To: wsg@webstandardsgroup.org Subject: [WSG] Help setting current menu state on level2 menus Hi there I've been using the 456bereastreet.com method ( http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_ with_css/) to set the current menu state using css. Which is really great when there is only one level of menu items ... But I'm now trying to use it with 2 levels of menus, that incorporate background images for bullets and different colour schemes for the 2nd level ... (sigh - blame the graphic designer!) It works fine on the first level - see http://crunchie.tedi.uq.edu.au/trials/UCTLC/contacts.html But when the link has sub-menu items under it, all of those get the same treatment! Because the styles are applied to the list item. Can anyone think of a way to do this that would not affect the sub-menu? I've tried applying the id to the 'a' tag but that did nothing! See http://crunchie.tedi.uq.edu.au/trials/UCTLC/stLucia.html I did have a script that did this, but it didn't include background images, or separate colours/styles for the sub-menu items. And my javascript skills do not extend that far I'm afraid! Any thoughts would be great. I have spent too much time on this already, and need to know if I'm just trying to do something that will never be possible, and so should start again! In case you want to automate the process using a script: http://divahtml.com/products/divaGPS/current_menu_location.php There is a free version for DW users -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help setting current menu state on level2 menus
Susie Gardner-Brown wrote:
Re the font-resizing - sigh!! For a lot of the websites we develop at
the university here, we're supposed to use this awful template,
which includes the lefthand menu like this. In the template it's all
in tables!! I got the way of doing this menu from
http://demo.pixelsandpages.com/test_dual.html and I thought it
covered all problems!
For a menu in isolation, yes. When placed in your layout its 'em' sizes
creates more problems than it solves.
Once you start using 'em' for dimensions _one_ place, you'll have to
make sure _all_ elements play well together when subjected to font-resizing.
I already have the base body font size set at 62.5%. Are you saying
that if I add in html{ font-size: 100%;} before that it
will be OK?
If you check with the CSS validator you'll see that a big chunk of your
stylesheet disappears in a Parse Error - including the font-size on
body. Fix that part and you'll fix the em bug.
Of course: such a small font-size as 62.5% as base will make the effect
of 'minimum font size' in Firefox and Opera ruin the page...
http://www.gunlaug.no/contents/wd_1_03_04.html
Of course, I'm a Mac-user, who pretty much uses Firefox all the
time. But I do have XP and IE6 installed in Parallels so I check on
that. But I guess usually after I've developed in FF Mac ... :)
Cross-checking _during_ development will save you time - tons of it.
Testing with regular browser-option well beyond what normal users will
expose your work to, will save you from having to deal with
user-introduced problems later on.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
