JSF Hintergrundbild

  • Themenstarter stmz1024q3cqrcm
  • Beginndatum
S

stmz1024q3cqrcm

Gast
Hallo Leute,

ich versuche mich gerade in Java Server Faces und möchte gerne auf meiner erstellten Seite ein Hintergrundimage darstellen. Ich benutze dafür Eclipse und TomCat...
In meinem Start.xhtml habe ich folgende 2 Varianten versucht...

<h:body>
<div>
<img src="resources/images/metal.jpg" />
<h:graphicImage value="resources/images/metal.jpg"/>
</div>
<p:panel header="Chat Lobby" footer="Test">
<h:form>
<br />

<h:panelGrid columns="1" cellpadding="3">

Leider wird mir das Image nicht auf der Website dargestellt.
Im Internet habe ich schon so einiges gefunden mit CSS & CO jefoch bin ich noch Frischling kenne mich damit nicht wirklich aus...eine Quick und Dirty Lösung tuts vorerst auch. Das Ziel wäre es das Image komplett im Hintergrung der Seite sichtbar zu machen..

Vielen Dank
 
G

gman

Gast
CSS ist hier das Mittel der Wahl, entweder:

Code: 
<body style="background-image:url(resources/images/metal.jpg)">

oder in einer separaten CSS-Datei:

Code: 
body {
  background-image:url(resources/images/metal.jpg);
}

Der Pfad gilt dann relativ zur CSS-Datei. Externe CSS-Dateien bindet man so (im head-Tag) ein:

Code: 
<link rel="stylesheet" type="text/css" href="formate.css">
 
S

stmz1024q3cqrcm

Gast
Hallo und vielen Dank...
ich bekomme es nicht hin. Ich habe jetzt ein Testprojekt erstellt und folgenden Code eingefügt und es will nicht. Kurioserweise kann man es im WebPageEditor von Eclipse sehen. Aber im Browser erscheint es nicht...

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>

<body style="background-image: url(resources/images/metal.jpg)">
<h:panelGrid border="1" columns="2">
<h:button></h:button>
<h:eek:utputText value="item1"></h:eek:utputText>
<h:eek:utputText value="item2"></h:eek:utputText>
</h:panelGrid>
</body>
</html>
 

Aktuelle Jobs

Neue Themen


Oben