Mettre une image en fond sur un site

Résolu/Fermé
Signaler
Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
-
 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;
}

3 réponses


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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
83
Merci c'est exactement ce que je voulais :)
Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
83
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é :(
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

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;
}
Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
83
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
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;
}
Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
83
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 ?
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;
}
Messages postés
406
Date d'inscription
mardi 5 juin 2012
Statut
Membre
Dernière intervention
8 mai 2020
83
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