Ruta de url de fondo en una plantilla jsf

Question

Aug 28, 2012, 10:14 PM

Ruta de url de fondo en una plantilla jsf

Estoy en problemas aquí. Tengo una aplicación JSF que tiene un archivo de plantilla llamadobaseTemplate.xhtml. Este archivo se encuentra en la carpeta / resources / template. Sigue el código del archivo:

<?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">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="default.css"/>
        <h:outputStylesheet library="css" name="cssLayout.css"/>
        <h:outputStylesheet library="css" name="menu.css"/>
        <h:outputStylesheet library="css" name="rodape.css"/>
        <title>JSF Project</title>
    </h:head>
    <h:body>
        <div id="estrutura">
            <div class="top">
                <ui:insert name="top">
                    <ui:include src="somefile"/>
                </ui:insert>
            </div>
            <div id="menu">
                <ui:insert name="menu">
                    <ui:include src="somefile"/>
                </ui:insert>
            </div>
            <div>
                <div id="left">
                    <ui:insert name="left">
                    </ui:insert>
                </div>
                <div id="content" class="left_content">
                    <ui:insert name="content"></ui:insert>
                </div>
            </div>
            <div id="bottom">
                <ui:insert name="bottom">
                    <ui:include src="somefile"/>
                </ui:insert>
            </div>
        </div>    
      </h:body>
</html>

En micssLayout.css archivo, ubicado dentro de la carpeta / resources / css, tengo la siguiente regla:

.top {
   position: relative;
   height: 120px;
   padding: 0;
   margin: 0 0 15px 0;
   background-image: url('imgSite/sisLogo.png');
   background-repeat: no-repeat;
}

La imagen sisLogo.png se encuentra en / resources / css / imgSite. Todas las páginas de mi aplicación están dentro./ páginas. Cuando uso la plantilla, no carga el fondo de la imagen paraparte superior, pero se cargan otras propiedades css. Parece ser un problema de ruta url de imagen de fondo. ¿Cómo podría resolver esto?

La estructura de la carpeta del proyecto es la siguiente:

/
 pages/
     home.xhtml (using the template)
 resources/
     css/
         cssLayout.css
         imgSite/
             sisLogo.png
     templates/
         baseTemplate.xhtml