background image pour une application web

Version imprimable

21/08/2009, 16h12
evan32

background image pour une application web

bonjour à tous, j'ai besoin de votre aide, je veux utiliser une image en background de mon page jsp, j'ai réalisé l'image avec photofilter , je n'ai aucune idée comment faire,et je veux pas utiliser le javascript, s'il vous plait j'ai vraiment besoin de vos réponses.
merci
21/08/2009, 16h23
Tristan Zwingelstein
On met de côté Struts, Eclipse et cie ...

On garde jsp et donc Html.

et si html il y a, alors il peut même y avoir de la css:
Code:

1 2 3 4 5 6 7 body{ background-image:url("ton url pour ton image"); }

background image pour une application web avec struts et eclipse

salut
merci pour ta réponse mais ca n'a pas marché voila le code de la page

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
<head>
<title>Authentification</title>
 
</head>
body{
 
  background-image:url("C:\Documents and Settings\admin\Desktop\authentification.gif");
 
}
 
 
<br><br><br><br><br>
 
<br><br><br><br><br>
 
	<table border="0" align="center">
<tr>
<td align="right">
Utilisateur :
</td>
<td align="left">
 
</td>
</tr>
<tr>
<td align="right">
Mot de Passe :
</td>
<td align="left">
 
</td>
</tr>
<tr>
<td align="right">
 
</td>
<td align="left">
 
</td>
</tr>
</table>
 
</body>

22/08/2009, 15h01
tibotibo69
Salut,

comme le précise Tristan Zwingelstein tu peux ajouter ton image via CSS mais il faut pour cela indiquer à ta page html où se trouve ton fichier css

ton fichier html :
Code:

1 2 3 4 5 <head> <title>Authentification</title> <html:base/> <link rel="stylesheet" type="text/css" href="chemin _de_ton_fichier_css" /> </head>
style.css :
Code:

1 2 3 4 5 body{ background-image:url("../images/monimage.gif"); }
PS: Je te conseille de regarder quelques tutos CSS pour y voir plus clair.
http://css.developpez.com/tutoriels/premiers-pas/
22/08/2009, 18h45
evan32

Salut,

merci tibotibo69 pour le tuto css j'ai suivi ce tuto mais j'ai encore le problème j'ai essayé des style de couleurs et ca à marché mais le problème persiste pour l'image elle se charge pas je sais pas ou est le problème.

C'est résolu c'était à cause des extensions :ccool: merci beaucoup, mais l'image s'affiche plusieurs fois et moi je la veux une seul fois et qu'elle couvre toute la page .
22/08/2009, 19h16
tibotibo69
Citation:

Envoyé par evan32

mais le probléme persiste pour l'image elle se charge pas j sais pas ou est le probléme.

D'où venait le problème ?

Pour afficher l'image qu'une seule fois :
Code:

1 2 3 4 5 body{ background-image:url("../images/monimage.gif") no-repeat; }
22/08/2009, 19h27
evan32

merci beaucoup c'était trop simple c'est la premiére fois que je travail avec css;)
22/08/2009, 19h33
tibotibo69

De rien.

Bon apprentissage alors. ;)