Image de background

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

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, 08h01

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, 09h44

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, 21h16

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, 21h31

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

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

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

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

Essaie et pose des questions après !

**koala64** · 07/06/2005, 00h23

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

Vue hybride

Discussions similaires

Partager

Partager