Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Down State Using Spry Menu Bar

Explorer ,
May 11, 2007 May 11, 2007
Does anyone know how to create an "Active" menu button state using the Spry Menu Bar? I've created a spry menu that works well for both normal state and roll over but not active. Have a look here for an example:
http://www.buildingethics.com.au/NewSite/accredited.htm
TOPICS
Server side applications
743
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 11, 2007 May 11, 2007
I haven't done this, but you should be able to go to the SpryMenuBar CSS
page in your application and define a CSS rule for a:active


--
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August, 2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004: A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web Development

"lfirth" <webforumsuser@macromedia.com> wrote in message
news:f21662$mnd$1@forums.macromedia.com...
> Does anyone know how to create an "Active" menu button state using the
> Spry
> Menu Bar? I've created a spry menu that works well for both normal state
> and
> roll over but not active. Have a look here for an example:
> http://www.buildingethics.com.au/NewSite/accredited.htm
>


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 14, 2007 May 14, 2007
Thank you for your help Nancy, the down state now works fine. I have another problem now. How do you set the sub menu's not to have a background image? I would like them just to be a colour, I have tried to set "background-image: none;" but it doesn't seem to have any effect.

/* Submenus should appear to the right (259px) and down (5px) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
background-image: none;
margin: 5px 0 0 259px;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
}
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 15, 2007 May 15, 2007
1 of 2 things_

goto the CSS Rule and either

add this:
background-image:none

or if there is already a background-image TAG - delete it_
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 15, 2007 May 15, 2007
LATEST
Thanks for your help ydmfg but as you can see from my post, I have already tried that and it has no effect. Go to http://www.buildingethics.com.au/NewSite/accredited.htm and you will see what I mean.

I am obviously putting the background-image: none; in the wrong place, the question is where does it go?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines