You have to be careful with cell-text having a default background color.
af|table::content tr:hover {
background-color: #color
}

Worked but only if I also used:
af|column::cell-text{-tr-inhibit: background-color}

chris

Simon Lessard wrote:
Yeah, I agree more component parts need their own selector...

The following might work, but will cause some problem with nesting:

af|table::content tr:hover
{
  background-color: yellow;
}

Regards,

~ Simon

On 8/30/07, * Andrew Robinson* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> wrote:

    I got it to work, but it is very ugly and a really bad hack:

    CSS:
    .hoverTable TBODY > TR > TD > TABLE > TBODY > TR > TD {
      background-color: transparent;
    }
    .hoverTable TBODY > TR > TD > TABLE > TBODY > TR:hover {
      background-color: yellow;
    }

    XHTML:
    <tr:table var="_cookie"
    value="#{facesContext.externalContext.request.cookies}"
      styleClass="hoverTable">
      <tr:column>
        #{_cookie.name}
      </tr:column>
      <tr:column>
        #{_cookie.value}
      </tr:column>
    </tr:table>


    It would be great to get skinning class support on every element
    written by any of the Trinidad renderers.

    Maybe one of the skin experts can shed some light and a better
    solution.

    -Andrew

    On 8/30/07, Francisco Passos <[EMAIL PROTECTED]
    <mailto:[EMAIL PROTECTED]>> wrote:
    > Hello Andrew, thank you for your tip.
    >
    > I just tried your solution, but it doesn't appear to work.
    >
    > The generated css has this
    >
    > .af_table.p_AFContent > TR:hover {background-color:yellow}
    >
    >  However it is mentioned nowhere in the html, nor is it
    implicitly used and
    > applied to the table...
    >
    > What could cause this? Are there alternatives?
    >
    > Thank you,
    > Francisco Passos
    >
    >
    >
    >
    >  On 8/29/07, Andrew Robinson <[EMAIL PROTECTED]
    <mailto:[EMAIL PROTECTED]>> wrote:
    > > It doesn't look like the table renderer adds any style classes
    onto
    > > the TR elements. You could use CSS to do it. Have you tried:
    > >
    > > af|table:content > TR:hover {
    > >   background-color: yellow;
    > > }
    > >
    > > This should theoretically work in IE7 and the "good" browsers
    > >
    > > On 8/29/07, Francisco Passos <[EMAIL PROTECTED]
    <mailto:[EMAIL PROTECTED]>> wrote:
    > > > Hello all!
    > > >
    > > > I'm wondering if it is possible to change the css style for
    a tr:table
    > line
    > > > when the mouse is hovering.
    > > > And if so, can one do it directly on the skin?
    > > >
    > > > Thank you,
    > > >
    > > > Francisco Passos
    > > >
    > >
    >
    >


------------------------------------------------------------------------

No virus found in this incoming message.
Checked by AVG Free Edition. Version: 7.5.484 / Virus Database: 269.12.12/979 - Release Date: 8/29/2007 8:21 PM

--
--------------------------------------
Chris Rice
Customer Service
[EMAIL PROTECTED]
800-355-6429 ext 110

Reply via email to