mettre une image en background d'une jsp

Version imprimable

salut

je veux mettre une image qui se trouve dans le répertoire "images"dans WebContent" comme background de mes jsp

pour cela j'ai modifié le fichier defaut.css comme suit:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 BODY { background-color : #ffffff; color : #000000; margin-left : 0; margin-right :0; margin-top : 0; background-attachment: fixed; background-image: url("Background.TIF"); background-repeat: repeat-x; background-position: center; }
mais ça donne rien meme en mettant ça
Code:

1 2 background-image: url("images/Background.TIF");
qlq'un un une idée ou peut etre le prob
merci

08/10/2009, 20h44
c_nvy

Ta jsp est-elle directement sous WebContent ou dans un répertoire sous WebContent ?

Si elle est dans un répertoire sous WebContent, il faut coder l'url comme ceci :

Code:

background-image: url("../images/Background.TIF");

j'ai fait ça mais ça donne rien
que doit etre le problème alors?
voila un bout de code de ma jsp

Code:

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
34
35
36
37
38
39
40
 
 
<%@ page language="java" pageEncoding="ISO-8859-1"%>
 
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
 <%@taglib uri="http://struts.application-servers.com/layout" prefix="layout" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.yourcompany.struts.UtilBean.Profil" %>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  <head>
    <html:base />
 
    <title>approbation</title>
 
	 <layout:skin includeScript="true"/>
	  <script>  
</script>
 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
 
 
  </head>
 
  <body onload="desactiverapprob();">
 
<jsp:include page="menu.jsp"/>  
 <hr>
 
 
  </body>
</html:html>

merci

19/10/2009, 15h35
badoress

le répertoire "images" se trouve où exactement dans l'arborescence de ton application ?
20/10/2009, 16h38
john_wili

dans le répertoire images sous WebContent comme a dit c_nvy
20/10/2009, 18h20
c_nvy

Tu n'as pas répondu à ma question concernant les jsp.:?
Où sont-elles ?

Bon, sinon, tu peux toujours coder ceci :

Code:

background-image: url("/contexteDeTonAppli/images/Background.TIF");

désolée c_nvy
mes jsp se trouve dans un répertoire "forms" sous WebContent

Citation:

Bon, sinon, tu peux toujours coder ceci :
Code :
background-image: url("/contexteDeTonAppli/images/Background.TIF");

meme en essayant cette solution ça donne rien
je ne comprend pas peut etre y'a une balise au niveau de ma jsp qui empèche
l'affichage de cette image ?

voila le code entièr de ma jsp

Code:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<%@ page language="java" pageEncoding="ISO-8859-1"%>
 
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.yourcompany.struts.UtilBean.Profil" %>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  <head>
    <html:base />
 
    <title>réception</title>
 
	 <layout:skin includeScript="true"/>
 
    <script>
 
	function setHidden(value){document.recepForm.hidden.value=value;}
 
 
	</script>
 
 
 
 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
 
 
  </head>
 
<body>                
 
<jsp:include page="menu.jsp"/>  
 <hr>
 <layout:form action="/recep3.do">
 
   <layout:text property="hidden" mode="H,H,H" value="default">   </layout:text>
 
   <layout:row>
    <layout:column width="400"></layout:column>
   <layout:column> 
      <center>
      <h3>
      RECEPTION 
      </h3>
       </center>
      </layout:column>
   </layout:row>
 
           <layout:row width="700">
       <layout:column width="400"></layout:column>
       <layout:column width="300">
 
      <layout:panel align="center" key="choisir un magasin de réception" styleClass="FORM">
 
         <center>
 
           <layout:select property="magas" key="choisir un magasin:" onchange="setHidden('preparRecep');document.recepForm.submit();">
       <layout:option value=""></layout:option>
       <layout:options property="listmagasin"></layout:options>
       </layout:select> 
          </center>
         </layout:panel>
 
         </layout:column>
         </layout:row>
 
    </layout:form>
  </body>
</html:html>

et voila un bout de code de mon ficher defaut.css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
BODY 	{
            background-color      : #ffffff;
		color		  : #000000;
		margin-left           : 0;
		margin-right          :0;
		margin-top            : 0;
 
 background-attachment:      fixed;
 background-image:           url( "../images/Background.TIF");
 background-repeat:          repeat-x;
 background-position:        center;
}

merci

voila ton prolm: ""

Code:

1
2
 
 background-image:           url( "../images/Background.TIF");

Code:

1
2
 
 background-image:           url( ../images/Background.TIF);