Java Nao consigo colocar uma img de fundo layoutUnit

henrique Souza850 · 13 de maio de 2021

Pessoal, alguem me ajuda por favorrrrr, nao consigo por nada colocar uma imagem de fundo nesse prime faces, ja pesquisei e tentei de todos os jeitos, eu peguei uns jeito que a foto apareceu ate mas quando eu mexia na foto alterava os outros componemntes meus na tela, por favor me ajudem

vou colocar o codigo completo aqui pra terem uma ideia eu queria colocar uma img no centro entre o topo e o rodape

<?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:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title> Login </title>
</h:head>

<h:body>
<p:growl id="msgGlobal">

	<p:layout fullPage="true">
	
		<p:layoutUnit position="north" size="60" header="Sistema de Aluguel de Filmes e jogos"
		style="text-align:center;font-size:25px" resizable="true" closable="false" collapsible="false">
		</p:layoutUnit>
		
		<p:layoutUnit position="south" size="60" header="Desenvolvido por Matheus e Gabriel"
		style="text-align:center;font-size:25px" resizable="true" closable="false" collapsible="false">
		</p:layoutUnit>

		<p:layoutUnit position="center" width="100%" height="100%">
        <div class="p-grid">
        <div class="p-col-6 p-offset-3">
        
	    <div style="font-size:25px">
	    <h1 style="text-align:center"> Quer alugar o que Hoje? </h1>
	    </div>
	    
	    <h:panelGrid columns="3" style="text-align:center;margin-top:15%;margin-left: 37%;">
	       <p:button value="Alugar Filmes"       style="width:250px;height:60px" outcome="/templates/filmes.xhtml"/>
	       <p:button value="Cadastro de Usuario"  style="width:250px;height:60px" outcome="/templates/usuario.xhtml"/>
	       <p:button value="Alugar Jogos"         style="width:250px;height:60px" outcome="/templates/jogos.xhtml"/>
	    </h:panelGrid>
	    

	    </div>
	    </div>
</p:layoutUnit>
</p:layout> 
</p:growl>
</h:body>
</html>