Sujet Précédent Sujet Suivant

Mettre une image en fond sur un site

Résolu/Fermé
S4rmy Messages postés 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 - 25 juil. 2013 à 19:31
 Utilisateur anonyme - 26 juil. 2013 à 22:46
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

Réponse 1 / 3
Utilisateur anonyme
25 juil. 2013 à 23:33
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 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 79
26 juil. 2013 à 00:20
Merci c'est exactement ce que je voulais :)
0
Réponse 2 / 3
S4rmy Messages postés 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 79
26 juil. 2013 à 22:22
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
26 juil. 2013 à 22:46
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
Réponse 3 / 3
Utilisateur anonyme
25 juil. 2013 à 20:57
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 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 79
25 juil. 2013 à 23:13
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
Modifié par lobotoFix le 25/07/2013 à 23:26
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 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 79
25 juil. 2013 à 23:27
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
25 juil. 2013 à 23:29
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 406 Date d'inscription mardi 5 juin 2012 Statut Membre Dernière intervention 8 mai 2020 79
Modifié par S4rmy le 25/07/2013 à 23:54
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

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
senda -

8 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses