1 Reply Latest reply on May 4, 2007 11:43 AM by Ilya Shaikovsky

    How to integrate external CSS-files

    Gerald Zum Gahr Newbie

      Hello,
      I've got a question about RichFaces and the CSS-integration...
      I tried to integrate an external css-file via the normal HTTP-tag in the "< head >"-area:

      <link rel="stylesheet" href="/css/text_style.css" type="text/css" />
      


      That doesnt seem to work out.

      So I tried to layout my components via a "style" in the tags itself.
      That is working:
      <h:outputText style="color: #FF0000;" />
      


      It is although working with site-integrated css-styles like this:
      <style type="text/css">
       body {
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 10pt;
       color: #00000;
       }
       h1 {
       font-size: 14pt;
       font-weight: bold;
       }
       h2 {
       font-size: 12pt;
       font-weight: bold;
       }
       .text_bold {
       color: #777777;
       }
      </style>
      


      This is working out too, but I want to integrate a *.style-file to the jsp-file... so what am I doing wrong?

      This is my jsp-site:
      <%@ taglib uri="http://richfaces.ajax4jsf.org/rich" prefix="rich"%>
      <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
      <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
      <html>
       <head>
       <title>SoundBank: Login</title>
       </head>
       <body>
       <f:view>
       <rich:panel>
       <f:facet name="header">
       <h:outputText value="SoundBank: Login"/>
       </f:facet>
       <h:outputText styleClass="text_bold" value="Hallo!" />
       </rich:panel>
       </f:view>
       </body>
      </html>
      


      Thanks in advance and thanks for your answers.
      *Fuchur*