Sorry, I mean two children, .ui-accordion-header and .ui-accordion-content - Richard
On Fri, Aug 7, 2009 at 9:05 AM, Richard D. Worth <[email protected]> wrote: > Your wrapper element (.accStripe) contains two children, > .ui-accordion-header and .ui-accordion, each of which have backgrounds: > .accStripe { background:#F7EEDC none repeat scroll 0 0; border-bottom:1px > dotted #DFAC45; } > .accStripe .ui-accordion-header { background:#F7EEDC none repeat scroll 0 > 0; } > .accStripe .ui-accordion-content { background:#F7EEDC none repeat scroll 0 > 0; } > > - Richard > > On Fri, Aug 7, 2009 at 6:08 AM, justSteve <[email protected]> wrote: > >> >> >> >> I have a asp.net mvc app building a accordion based on the jQueryUI >> Accordion plugin - I'd like to apply zebra striping. >> >> Here's the constructor loop: >> >> <div id="accordion"> >> <% >> foreach (var webinar in Model as IList<Webinar>) >> { %> >> <div id="accordionItem">//toDo: Programmically pick odd/even >> rows >> <div class="accStripe"> //insert a div for even rows >> <h3><a href="#"><b><%= myObj.Title%></h3> >> <div id="descContent"> >> <a href="Details/<% =myObj.ID %>"><%= myObj.Desc >> %> ...more</a> >> </div> >> </div> >> </div> >> <% } %> >> </div> >> >> Then the accStripe rule: >> >> .accStripe{ background:#F7EEDC none repeat scroll 0 0; border-bottom: >> 1px dotted #DFAC45; } >> >> I'm able to pickup the dotted border but not the background color. I >> assume that would be due to greater specificity on the part of the .ui- >> accordion-header? How deep would I have to dig to figure out how to >> override that? >> >> thx >> >> >> >> > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
