Down State Using Spry Menu Bar

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.htmDown State Using Spry Menu Bar
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'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:f21662$mnd$1@forums.macromedia.com...

%26gt; Does anyone know how to create an ''Active'' menu button
state using the

%26gt; Spry

%26gt; Menu Bar? I've created a spry menu that works well for
both normal state

%26gt; and

%26gt; roll over but not active. Have a look here for an
example:

%26gt;
http://www.buildingethics.com.au/NewSite/accredited.htm

%26gt;





Down State Using Spry Menu Bar
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;

}


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_
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?