Problema com facelets e jsf

JavaEvangelist Membro desde: 28/07/2008 10:34:13 Mensagens: 367 Offline

Estou fazendo uma pequena aplicação facelets, jsf e richfaces, tudo esta rodando perfeitamente mas não cosigo chamar o css para montar o design da pag, vou colocar os codigos aki e se alguem puder me ajudar agradeço!!!

meu template:

<?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">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.ajax4jsf.org/rich"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="./web/css/default.css" rel="stylesheet" type="text/css" />
<link href="./web/css/cssLayout.css" rel="stylesheet" type="text/css" />
<title>Contábil</title>
</head>

<body>

<div id="top">
<ui:insert name="title"><p align="center"><img src="imagens/logo.jpg" alt="logo" width="624" height="168"/></p>
<h:form>

<rich:toolBar>

<rich:dropDownMenu>

<f:facet name="label">

<h:panelGroup>

<h:outputText value="File"/>

</h:panelGroup>

</f:facet>

<rich:menuItem submitMode="ajax" value="New">

</rich:menuItem>

<rich:menuItem submitMode="ajax" value="Open"/>

<rich:menuGroup value="Save As...">

<rich:menuItem submitMode="ajax" value="Save"/>

<rich:menuItem submitMode="ajax" value="Save All">

</rich:menuItem>

</rich:menuGroup>

<rich:menuItem submitMode="ajax" value="Close"/>

<rich:menuSeparator id="menuSeparator11" />

<rich:menuItem submitMode="ajax" value="Exit"/>

</rich:dropDownMenu>

<rich:dropDownMenu>

<f:facet name="label">

<h:panelGrid cellpadding="0" cellspacing="0" columns="2"

style="vertical-align:middle">

<h:outputText value="Links" />

</h:panelGrid>

</f:facet>

<rich:menuItem submitMode="none"

onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'">

<h:outputLink value="http://labs.jboss.com/jbossrichfaces/">

<h:outputText value="RichFaces Home Page"></h:outputText>

</h:outputLink>

</rich:menuItem>

<rich:menuItem submitMode="none"

onclick="document.location.href='http://jboss.com/index.html?module=bb&op=viewforum&f=261'">

<h:outputLink

value="http://jboss.com/index.html?module=bb&op=viewforum&f=261">

<h:outputText value="RichFaces Forum"></h:outputText>

</h:outputLink>

</rich:menuItem>

</rich:dropDownMenu>

</rich:toolBar>

</h:form>

<rich:spacer width="1" height="5" border="0" alt="" />
</ui:insert>
</div>

<div id="content" class="center_content">
<ui:insert name="body">Content</ui:insert>
</div>

<div id="bottom">
<ui:insert name="bottom"></ui:insert>
</div>

</body>

</html>

minha pagina:

<?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">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.ajax4jsf.org/rich"
xmlns:a4j="https://ajax4jsf.dev.java.net/ajax">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<ui:composition template="/template.xhtml">
<ui:define name="body">
<a4j:form>
<rich:panelBar>
<rich:panelBarItem label="Geração ECD">
<div id="apDiv1"><label>Empresa:</label></div>
<div id="apDiv2"><h:inputText/></div>
<div id="apDiv3"><label>Filial:</label></div>
<div id="apDiv4"><rich:comboBox/></div>
<div id="apDiv5"><label>Situação:</label></div>
<div id="apDiv6"><h:selectBooleanCheckbox/></div>
<div id="apDiv7"><label>Especial:</label></div>
<div id="apDiv8"><rich:comboBox/></div>
<div id="apDiv9"><label>Início:</label></div>
<div id="apDiv10"><rich:calendar/></div>
<div id="apDiv11"><label>Fim:</label></div>
<div id="apDiv12"><rich:calendar/></div>
<div id="apDiv13"><label>Livro:</label></div>
<div id="apDiv14"><rich:comboBox/></div>
<div id="apDiv15"><label>Bloco J:</label></div>
<div id="apDiv16"><h:selectBooleanCheckbox /></div>
</rich:panelBarItem>
</rich:panelBar>
</a4j:form>
</ui:define>
</ui:composition>
</body>
</html>

como q chamo o css disso ai, estou trabalhando no netbeans, ai ele gerou 2 arquivos css, mas não consigo usar estes arquivo, por favor alguem me ajude:

Notícias, artigos e o maior fórum brasileiro sobre Java