Image de background

Version imprimable

06/06/2005, 05h23
Borisroms

Image de background

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 :roll:
06/06/2005, 07h01
koala64

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

@+ :wink:
06/06/2005, 08h44
troumad

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].
06/06/2005, 20h16
Borisroms

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?
06/06/2005, 20h31
troumad

C'est bien ce qu'il y a dans l'exemple non ?
06/06/2005, 20h37
Borisroms

Mais je ne suis pas sûr de comprendre le script qu'il y a dessus.
06/06/2005, 22h36
troumad

Essaie et pose des questions après !

Oui chef! :D

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

Code:

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>