background image pour une application web

**evan32** · 21/08/2009, 16h12

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

**Tristan Zwingelstein** · 21/08/2009, 16h23

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 :

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

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

**evan32** · 21/08/2009, 17h23

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

Code html :

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
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>

**tibotibo69** · 22/08/2009, 15h01

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 :

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

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 css :

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

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/

**evan32** · 22/08/2009, 18h45

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

merci beaucoup, mais l'image s'affiche plusieurs fois et moi je la veux une seul fois et qu'elle couvre toute la page .

**tibotibo69** · 22/08/2009, 19h16

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 :

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

1
2
3
4
5
body{
 
  background-image:url("../images/monimage.gif") no-repeat;
 
}

**evan32** · 22/08/2009, 19h27

merci beaucoup c'était trop simple c'est la premiére fois que je travail avec css

**tibotibo69** · 22/08/2009, 19h33

De rien.

Bon apprentissage alors.

background image pour une application web

CSS

Discussions similaires

Partager

Partager