Mettre une image en fond sur un site

Résolu
S4rmy Messages postés 465 Statut Membre -  
 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

  1. 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
    1. S4rmy Messages postés 465 Statut Membre 79
       
      Merci c'est exactement ce que je voulais :)
      0
  2. S4rmy Messages postés 465 Statut Membre 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
    1. 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
  3. 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
    1. S4rmy Messages postés 465 Statut Membre 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
    2. 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
    3. S4rmy Messages postés 465 Statut Membre 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
    4. 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
    5. S4rmy Messages postés 465 Statut Membre 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