Discussion :

[ghnawfal]

Bonjour, j'arrive pas à mettre mon image en arrière plan, ou plutot j'ai essayé partout mai j'ai pa su ou la definir.

Voici ma page jsp: (j'ai pas le body)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<ui:composition 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:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<link href="./css/styles.css" rel="stylesheet" type="text/css" />
	<f:view>
		<f:loadBundle basename="messages_ressources.MessageResource" var="msg" />
 
	<h:form id="form">
			<rich:panel style="width: 380px; height: 120px">
			<f:facet name="header">
					<h:outputText value="Identification" />
				</f:facet>
				<h:panelGrid columns="3">
					<h:outputLabel value="#{msg.LOGIN }" styleClass="Output"></h:outputLabel>
					<h:inputText value="#{loginBean.user.userName }" required="true"
						requiredMessage="Champ obligatoire" styleClass="Output" id="login" />
					<h:message for="login" styleClass="msg"></h:message>
					<h:outputLabel value="#{msg.PASSWORD }" styleClass="Output"></h:outputLabel>
					<h:inputSecret value="#{loginBean.user.userCode}" required="true"
						requiredMessage="Champ obligatoire" styleClass="Output"
						id="password" />
					<h:message for="password" styleClass="msg"></h:message>
					<h:commandButton value="#{msg.CONNECT }"
						action="#{loginBean.connect}" />
					<h:commandButton value="#{msg.CANCEL }" onclick="close window();" />
				</h:panelGrid>
			</rich:panel>
		</h:form>
	</f:view>
</ui:composition>

Merci

[tchize_]

l'arrère plan se défini principalement dans le tag body que tu semble omettre. Il ne faut certainement pas l'omettre ou ton xhtml ne sera pas valide ce qui impliquera plein de problème vis à vis de l'application des style.


N'importe quel tag html accepte une image de fond avec le style "background-image"

[romaintaz]

Oui, ou tout simplement définir les propriétés de body dans le styles.css, ça devrait suffire...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
    background-image: url('...');
}

[ghnawfal]

merci j'oubliais de mettre url dans mon background-color