Hi. I can’t figure out what to try next. I need to add more links to a menu, and it’s going to be rather long, so I decided that the best option would be to add an accordion into the menu. (I don’t want to add another level to the drop down CSS menu).
My main navigations uses the CSS menu action ( please see MAGNASPHERE | Advanced & Effective Switch Technology ). I would like to have three accordion submenus within the “Products” CSS menu, i.e. when they click on the bold gray text, it would expand into an accordion with more links. If they click on another accordion, the previous one would automatically close. I couldn’t get the scripty accordion" action to work within the CSS, and after I built a lengthy submenu using Moo’s accordion, I found out that it cannot be used with the CSS menu.
I’m wonder how this would this work with the existing menus that use the CSS menu action? I just want to do the accordion with the product section. I get an error with both the Moo and CSS menu action.
On Sep 10, 2010, at 23:11, rebeccintosh email@hidden wrote:
I’m wonder how this would this work with the existing menus that use the CSS menu action? I just want to do the accordion with the product section. I get an error with both the Moo and CSS menu action.
So I can use the scripty accordion action within the drop down that has the CSS menu action applied? It didn’t seem to work when I did that (gave me an error).
Just curious why not in CSS go menu sub menu sub sub menu
Just tab the sub sub menu in past the sub menu
Just a thought
Sent from my iPhone
On Sep 11, 2010, at 0:27, rebeccintosh email@hidden wrote:
So I can use the scripty accordion action within the drop down that has the CSS menu action applied? It didn’t seem to work when I did that (gave me an error).
On Sep 11, 2010, at 0:27, rebeccintosh email@hidden wrote:
So I can use the scripty accordion action within the drop down that has the CSS menu action applied? It didn’t seem to work when I did that (gave me an error).
I want to incorporate an accordion within the CSS because (1) The list of links is too long, and (2) I really don’t want the submenu to appear to the right or left of the css drop down. It looks to cluttered. I’d like everything to stay within the vertical drop down.
Sorry – I have one more question for you. I am trying to change the list items within the scripty accordion to appear without bullet points, so that it stays consistent with the rest of the navigation, but when I select “unbulleted”, it doesn’t work anymore …
When you change a list to unbulleted in Freeway’s Inspector, you
actually change the entire list type from an unordered list (UL) to a
definition list (DL). Definition lists have a different look to them
than unordered lists (hence the lack of bullets) but they also have a
different semantic meaning, so I don’t agree with Freeway’s choice
here. Your solution is more like what they should be doing, since the
user interface doesn’t give you the controls to actually use a DL the
way it’s meant to be used.
Walter
On Sep 12, 2010, at 9:26 PM, rebeccintosh wrote:
Hi David,
Sorry – I have one more question for you. I am trying to change the
list items within the scripty accordion to appear without bullet
points, so that it stays consistent with the rest of the navigation,
but when I select “unbulleted”, it doesn’t work anymore …
Okay –– I’m almost there, but I can seem to get the same background look to the drop down as I used in the other menu drop downs. In the other css menus, I use a png image with an opacity; however, this is not working since the ScriptyAccordion is nestled within. I was thinking that maybe I could select the css menu item, and then go to “Item” and “extend”, and specify a white background with a 75% opacity, but it apparently can’t be done this way … or more likely, I’m not doing it correctly. Would you happen to know how I can accomplish this? I think that should be the last detail left
I’m still having some perplexing issues with the css menu with the ScriptyAccordion.
(1) I still can’t get the background in the “product” menu to appear like the other drop down menus. I’ve got the same png images for the css submenu as I do in the other ones. I’ve tried different variations with the “extend” option, and background colors in the inspector (including the “graphic effects” area), but none of these things work.
(2) I also noticed that the the menu looks good in Safari, but not other browsers. There is a lot more space between everything, and it is breaking up.
(3) There is also a longer space at the bottom of the menu, compared to the others. (This issue isn’t as critical as the others, though).
I’ve uploaded an example to the following address, should you have an opportunity to take a look at it. http://tinyurl.com/27za3qc
Thank you so much for all your time and advise. It is appreciated tremendously.
Your submenu made with the accordion is inside an anchor (link) tag.
This is not valid or even a good idea, and is probably the root of the
problem you’re having with the variable layout rendering. I don’t
think this is going to be fix-able, because the CSS Menus Action looks
for a link or text inside each of its options, and if it doesn’t find
a link, it wraps whatever it finds in a fake link to #.
What you’re going to need to do here is replace the top-level CSS Menu
element with a set of Target Show/Hide Layer elements and their
respective trigger Rollover elements. The serious trick will be
getting the menu to hide after you mouse away from it, but without
hiding too soon (i.e. when you mouse off of the top-level options).
Walter
On Sep 14, 2010, at 2:08 PM, rebeccintosh wrote:
Hi David and Walter,
I’m still having some perplexing issues with the css menu with the
ScriptyAccordion.
