Image de background

**Borisroms** · 06/06/2005, 05h23

Bonjour, je fait un site web en HTML.
J'ai une image de background sur ma page d'accueil (porte.jpg par exemple). J'aimerais que quand quelqu'un qui a une résolution de 800X600, qu'il voit l'image de background au complet dans son navigateur (la voie au complet et sans qu'elle se répette). Et j'aimerais aussi que quelqu'un qui a une résolution de 1024X768 voit la même image au complet (comme pour celui de 800X600). Que l'on voit l'image au complet et sans qu'elle soit "multiplier" peut importe la résolution utilisé. J'aimerais savoir comment que je peux faire cela, peut importe le language que je dois utiliser pour le faire. Merci d'avance pour la réponse.

PS: Je suis un peu débutant.... mais pas en HTML

**koala64** · 06/06/2005, 07h01

Salut! :o

En considèrant que tu as préparé une présentation qui s'adapte à tes différentes résolutions, tu peux, dès lors, avoir recours à la technique suivante:

http://batraciens.net/css-astuces/aj...ge-de-fond.htm

@+

**troumad** · 06/06/2005, 08h44

Je te conseille de mettre ton images de background dans un calque d'arrière plan et tu l'as dimentionne en fonction de l'affichage.
Regarde le code que j'ai mis sur : http://geii.univ-lyon1.fr/index.html
Avec mozilla/firefox, diminue la taille de la fenêtre et initialise (Ctrl-R].

**Borisroms** · 06/06/2005, 20h16

Mais l'image de background que je veux qui s'adapte à la résolution est sur la page d'accueil. A-t-il un moyen pour que le code détecte automatiquement la résolution du visiteur X et se rapporte à la bonne dimenssion d'image de fond?

**troumad** · 06/06/2005, 20h31

C'est bien ce qu'il y a dans l'exemple non ?

**Borisroms** · 06/06/2005, 20h37

Mais je ne suis pas sûr de comprendre le script qu'il y a dessus.

**troumad** · 06/06/2005, 22h36

Essaie et pose des questions après !

**koala64** · 06/06/2005, 23h23

Oui chef!

A défaut, voici une autre solution...

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
 
<html> <head> <meta http-equiv="Content-Type" content="text/html; CHARSET=iso-8859-15"> <style type="text/css">
<!--
 
.conteneur {
position: absolute;
top: 5px;
left: 5px;
height: 600px;
width: 96%; }
 
//-->
</style> </head> <body>
 
<img class="conteneur" src="background.gif" alt="background">
<div class="conteneur">
<h2>Exemple</h2>
<p>Fond qui s'adapte à ton conteneur.</p>
</div>
 
</body> </html>

@+

Image de background

HTML

Discussions similaires

Partager

Partager