Mettre une image en fond sur un site

Résolu
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Salut,

Voila je cherche comment faire pour mettre une image en fond d'un site mais qu'une seule image, parce que j'ai un problème, mon image se multiplie en plusieurs fois, ça fait une mosaique et moi je voudrais qu'il y ai qu'une seule image...

SVP

Voici le code :

<style type="text/css">

body { 
background : url(http://img543.imageshack.us/img543/7936/1hob.png); 
} 
a {
    color: #aaaaff;
}
hr {
   border: 0;
   color: #111111;
   background-color: #111111;
   height: 2px;
}
h3 {
    color: #ffffff;
    font-size: 16px;
}
img {
    border:0;
    margin:0;
}
.sidebar {
   padding:10px;
   vertical-align: top;
}
.alert {
    background-color:#aa0000;
    color:#ffffff;
    font-weight:bold;
    padding: 6px 10px;
    width:500px;
}
A voir également:

3 réponses

Utilisateur anonyme
 
moi je te donne la version courte

la longue :

body{
background-image: url(images/mon_image.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachement: fixed;
}

1
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   79
 
Merci c'est exactement ce que je voulais :)
0
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   79
 
Mais sinon, est-ce qu'il y a un moyen pour le background prend surface de n'importe quelle écran ?
Parce-que pour certaine personne, l'image est coupé :(
0
Utilisateur anonyme
 
il faut passer par jquery

tu tape dans google

telecharger jquery background gratuit

http://rockingcode.com/misc/photo-gallery-and-slideshow/20-background-effects-using-jquery-with-19-excellent-examples/

par exemple
0
Utilisateur anonyme
 
Salut

body{
background: url(images/mon_image.jpg) no-repeat;
}

si tu veux qu'elle soit centré par exemple

body{
background: url(images/mon_image.jpg) top center no-repeat;
}
-1
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   79
 
Merci :) Mais est-ce que tu sais quelle sont les dimensions d'une page stp ?
Parce que j'aimerais que mon image prenne toute la place si c'est possible
0
Utilisateur anonyme
 
ha ben tout dépend des écran d'ordinateur

moi si je devais faire comme cela

je ferai un dégradé sur les coté jusqu'au blanc par exemple ou une autre couleur
et je ferai du 2000 * 1500 par exemple

puis je le centrerais et placerais un background-color de la même couleur que le dégrader

du style

body{
background: url(images/mon_image.jpg) top center no-repeat;
}
0
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   79
 
Ouais mais avec mon image, ça devrait pas trop le faire le dégradé :/
Sinon est-ce qu'il y a un moyen pour que l'image descende en même temps qu'on descend la page et vice-versa ?
0
Utilisateur anonyme
 
ben elle descende toujours de la page, mais tu peu la mettre fixe

body{
background: url(images/mon_image.jpg) top center no-repeat fixed;
}
0
S4rmy Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   79
 
Mais c'est bizarre, moi ça me le met que sur une petite partie de l'écran :
http://img543.imageshack.us/img543/7936/1hob.png
0