On Jan 29, 2008, at 2:43 PM, Nancy E. Sosna Bohm wrote: >> Joomla 1.5 ... >> What I want to do... >> >> 1. A ...menu item will have... >> the background will change on hover. .... >> >> 2. ...If the parent is not active, >> i.e. unexpanded, it will have a right arrow, if >> it is expanded it will have a down arrow. >> ... >> >> > <ul class="menu"> > ... > > <li id="current" class="parent active item53"> <!-- Active parent --> > <a href="#"><span>About the Club</span></a> > <ul> > <li class="item72"> > <a href="#"><span>Documents</span></a> > </li> > </ul> > </li> > > <li class="parent item74"> <!-- Inactive parent --> > <a href="#"><span>The Schools Programme</span></a> > </li> > </ul> >> ... > > On a Joomla 1.0x site I did something similar with background-color > instead > of images: > http://www.cclf.org/content/view/45/205/ > > In your CSS you declare: > li.parent {background-image:url(/images/rightarrow.gif);} > li#current {background-image:url(/images/downarrow.gif);} > > The id will take precedence over the class. > --Nancy >
Also, the active class will actually style both the parent item AND the current item, since they're both technically active (according to Joomla's system). I think Nancy's solution, using specificity, will probably suit you best. -Mike ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
