Discussion :

[faamugol]

Bonjour,

Je voudrais utiliser une image (25x100) comme fond d'ecran des pades du site, pour ce faire en css j'ai fait:

Code :

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

1
2
3
4
5
6
7
8
body {
font-family: Verdana;
font-size: 12px;
margin: 0;
padding: 0;
background-image:url('bg.png');
 
}

Tout fontionne bien saut que l'image est saut que l'image n'occupe que sa taille réelle sur l'ecran 25x100 et puis elle se repete pour completer le reste de la page. J'ai pensé à augmenter la taille de l'image mais ça ne resoud pas le problème.
Pourtant quand je regarde sur des sites sur le net comme
http://www.lycos.fr/

ils utilisent bien une image de petite taille qui occupe quand même tout l'ecran.

J'ai tenté des choses comme background-repeat: no-repeat.


Merci d'avance pour vos conseils ,

[MasterOfChakhaL]

Salut,

Si ton image est un motif qui doit se répeter, tu peux le définir en css de la manière suivante:

Code :

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

1
2
 
background-repeat: repeat;

Par contre, si tu souhaites que ton image s'étire pour occuper tout l'espace disponible, ca n'est pas possible de faire ca avec les arrières plans en css...

[Bisûnûrs]

Sur le site de lycos, c'est un dégradé qui ne fait pas toute la hauteur de l'écran, mais juste la hauteur du degradé. Ensuite c'est une couleur de fond qui prend le couleur du dernier pixel du degradé.

[faamugol]

Merci tous les deux pour votre reponse,

avec quel logiciel pourrais créé ce degradé, je vais opter pour cette solution.

Merci d'avance,

[Bisûnûrs]

Avec n'importe quel logiciel de création d'image, même Paint.

En revanche je te conseille Gimp qui est gratuit et performant.

[faamugol]

Merci Bisûnûrs,

une dernière question.

Comment le fait on en paint que je vais essayer d'abord.

Merci d'avance,