Yes I will try again (I have searched a little with firebug, but the CSS is really big). There is necessary a simple thing i haven't seen. Just to precise, the page I displayed here is full. I will give more details later if I understand.
Andrew Robinson-5 wrote: > > Use the IE developer toolbar or Firebug in firefox to debug the CSS > and find out the problem. Perhaps an inner element is overriding the > background color. > > -Andrew > > On Thu, Jul 31, 2008 at 9:45 AM, rageice <[EMAIL PROTECTED]> wrote: >> >> Hello, sorry for my bad english. >> >> I am trying to use skins with trinidad, and I can't understand the >> result. >> >> >> I have this in my page: >> ------------------------------------- >> <?xml version='1.0' encoding='UTF-8' ?> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> >> >> <tr:document >> xmlns="http://www.w3.org/1999/xhtml"; >> xmlns:ui="http://java.sun.com/jsf/facelets"; >> xmlns:f="http://java.sun.com/jsf/core"; >> xmlns:h="http://java.sun.com/jsf/html"; >> xmlns:tr="http://myfaces.apache.org/trinidad"; >> xmlns:trh="http://myfaces.apache.org/trinidad/html"; >>> >> <tr:panelBox text="info"> >> <tr:outputText value="hello"/> >> </tr:panelBox> >> </tr:document> >> [/code] >> >> My css file: >> [code] >> af|panelBox::body { >> background-color: pink; >> } >> --------------------------------------- >> >> >> In trinidad-config.xml, I have >> --------------------------------------- >> [code] >> <skins xmlns="http://myfaces.apache.org/trinidad/skin";> >> <skin> >> <id>skintest.desktop</id> >> <family>skintest</family> >> <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id> >> <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name> >> </skin> >> </skins> >> ---------------------------------------- >> >> >> And in trinidad-config.xml: >> ---------------------------------------- >> <?xml version="1.0"?> >> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config";> >> <debug-output>true</debug-output> >> <skin-family>skintest</skin-family> >> </trinidad-config> >> ---------------------------------------- >> >> AND NOW, THE GENERATED CODE: >> >> The html table in the response is: >> ---------------------------------------- >> <td class="x5q"> >> <table width="100%" cellspacing="0" cellpadding="0" border="0" >> summary=""> >> <tbody> >> <tr> >> <td class="x5r">informations</td> >> </tr> >> <tr> >> <td>Vous n'êtes pas connecté</td> >> </tr> >> </tbody> >> </table> >> </td> >> ---------------------------------------- >> >> >> And finally, the x5q class is: >> ---------------------------------------- >> .x5q { >> background-color:pink; >> padding:6px; >> } >> ---------------------------------------- >> >> So, it should be ok. >> but in the result, nothing is pink, the css file is too big and I don't >> see >> the problem. >> Does someone has ever had this problem? >> >> >> >> Thanks in advance. >> -- >> View this message in context: >> http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html >> Sent from the MyFaces - Users mailing list archive at Nabble.com. >> >> > > -- View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18759955.html Sent from the MyFaces - Users mailing list archive at Nabble.com.
