Tom Knowlton
asked on
Urgent - accordion style left hand navigation bar
I have 8 hours to have this done (see the area in the red box on my screenshot).
I am really struggling with all aspects. I'm stressed and not thinking well because I am stressed.
How can I accomplish this?
The criteria are:
-It must look as close to the mock-up as possible
-It must function as an "accordion" style menu.
-The arrow on the right edge of the button must point down when sub items are visible, and be pointing to the right when the menu is collapsed.
I've made **some** progress with the accordion, thanks to some expert help, but it still has a long way to go, IMHO.
If there are some inexpensive tools that can help this, I would be willing to go that route as well. Anything to make this easier.
Here are some purchases I am considering:
CSS3 Menu Maker:
http://css3menu.com/
but I am not confident it supports "accordion" type menus
Flash Accordion:
http://www.oxylusflash.com/flashfiles/unlimited-levels-accordion-menu-as3
If I could make the accordion look like the screenshot, this would work.
Thanks,
Tom
I am really struggling with all aspects. I'm stressed and not thinking well because I am stressed.
How can I accomplish this?
The criteria are:
-It must look as close to the mock-up as possible
-It must function as an "accordion" style menu.
-The arrow on the right edge of the button must point down when sub items are visible, and be pointing to the right when the menu is collapsed.
I've made **some** progress with the accordion, thanks to some expert help, but it still has a long way to go, IMHO.
If there are some inexpensive tools that can help this, I would be willing to go that route as well. Anything to make this easier.
Here are some purchases I am considering:
CSS3 Menu Maker:
http://css3menu.com/
but I am not confident it supports "accordion" type menus
Flash Accordion:
http://www.oxylusflash.com/flashfiles/unlimited-levels-accordion-menu-as3
If I could make the accordion look like the screenshot, this would work.
Thanks,
Tom
I cant see a screenshot dude...
ASKER
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Do you know what, there are many fancy ways to do the rounded edges and frilly bits in CSS, but the quickest and easiest (but lazy way), is to crack open photoshop, or any imaging software and create two images... one rounded box with a sideways arrow, and one with a downwards arrow.
Set these as the background images for the selected and unselected CSS classes respectively. and your foretext should be rendered on top.
Set these as the background images for the selected and unselected CSS classes respectively. and your foretext should be rendered on top.
ASKER
>>>>>Do you know what, there are many fancy ways to do the rounded edges and frilly bits in CSS, but the quickest and easiest (but lazy way), is to crack open photoshop, or any imaging software and create two images... one rounded box with a sideways arrow, and one with a downwards arrow.
Set these as the background images for the selected and unselected CSS classes respectively. and your foretext should be rendered on top.
-----------------
I really like this idea...I will probably go this route.
Set these as the background images for the selected and unselected CSS classes respectively. and your foretext should be rendered on top.
-----------------
I really like this idea...I will probably go this route.
Here is abit of a tutorial from the ASP.Net site that may help you along.
http://www.asp.net/ajaxlibrary/act_Accordion.ashx
Good luck...
http://www.asp.net/ajaxlibrary/act_Accordion.ashx
Good luck...
ASKER
thx
ASKER
Thanks.
I found a tool for $85 from Likno.com that builds accordions.
Seems to be what I needed.
I found a tool for $85 from Likno.com that builds accordions.
Seems to be what I needed.