Fond au centre + Scrollbar coloré [HTML]

Cheesy. -  
Bonjour,
J'essaie de centrer le fond de ma page index mais j'y arrive pas --' J'ai déja essayé ce code :

body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
}

mais ça marche pas :/

Quelqu'un pourrait-il m'aider ? Et comment faire pour changer les couleur du scrollbar ? Merci d'avance ^^
Configuration: Windows XP
Internet Explorer 6.0

10 réponses

  2. Cheesy.
    Le fond fonctionne à merveille donc je compte pas changer le code :p

    Pour la scrollbar, ça marche toujours pas pourtant j'ai IE --' Y'as pas un autre code à ajouter ? Du HTML ?

    Merci encore à tous ^^
    1. Dalida Contributeur
      Le fond fonctionne à merveille donc je compte pas changer le code
      et tu as bien raison.
      c'était juste pour t'informer que tu fais deux fois la même opération et que donc il y en a une d'inutile.
  3. fabioune
    L'image a sûrement disparu car tu n'as pas remplacé tonimage.gif par fond.gif:
    Voilà le code complet: 

     <style>
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed ;
scrollbar-face-color: "#D5DFE1";
scrollbar-track-color: "#D5DFE1";
scrollbar-arrow-color: "#FFFFFF";
scrollbar-shadow-color: " #197479";
scrollbar-highlight-color: "#197479" ;
scrollbar-3dlight-color: "#197479";
scrollbar-darkshadow-color: "#197479";
}
</style>


    Voili voilà.
    fab.
    1. Cheesy.
      J'ai essayé avec une adresse relative, ça n'a pas marché. La solution est de mettre le fond dans une balise

      EX: 

      <body background="url de votre fond">


      et de mettre ce code entre les balises 
      <style>
      et 
      </style>


      body {
    color : #000000;  
    font-weight : bold;
    background-image: something__layout.gif;
    background-repeat:no-repeat; 
    background-position: center top; 
    }


      Voilà, le problème du fond est réglé ^^

      Quelqu'un pourrait-il ùm'aider pour la scrollbar ?
      1. Dalida Contributeur
        La solution est de mettre le fond dans une balise
        non, suffit de trouver d'où vient ton erreur.

        et si tu fais les deux à la fois, il a toujours un problème.

        pour les barres de défilement c'est du propriétaire…
        mais si tu y tiens ! regarde ce tuto mais que le début !
    3. Cheesy.
      Le fond n'apparait plus même avc ce code. J'ai un fond blanc à la place de mon fond. Voici le code si ça vous aide : 

      <style type="text/css">
  body {
    color : #000000;  
    font-weight : bold;
    background-image: F:\Something Else/Images/something__layout.gif;
    background-repeat:no-repeat;
    background-position: center center;
    background-attachment: fixed ;
    scrollbar-face-color: "#D5DFE1";
    scrollbar-track-color: "#D5DFE1";
    scrollbar-arrow-color: "#FFFFFF";
    scrollbar-shadow-color: " #197479";
    scrollbar-highlight-color: "#197479" ;
    scrollbar-3dlight-color: "#197479";
    scrollbar-darkshadow-color: "#197479";
    }
  a {
    text-decoration : none;
    color : #000000;
    text-align : left;
    }
  a:hover {
    text-align : right;
    }         
    a:hover { color : #FFFFFF; text-decoration : line-through;} 
    
</style>


      Merci d'avance
      1. Dalida Contributeur
        tu as une erreur : 
        background-image: F:\Something Else/Images/something__layout.gif;

        et il faut une adresse relative : 
        background-image: url(something__layout.gif);
    4.  Scalpweb
      html, body
      {
      background-image:url(fond.gif);
      background-repeat:no-repeat;
      background-position: 50% 50%;
      height: 100%;
      }

      devrait fonctionner...

      Mais ça risque de te gêner en fonction du reste de ta page...
      1. Dalida Contributeur
        tu doubles l'arrière-plan…
    5. Dalida Contributeur
      salut,

      il n'y a pas de middle pour {background-position}.

      le plus simple reste les pourcentages mais de toute façon il faudrait savoir comment <body> est rendu car il faut peut être lui appliquer une taille fixe. 
      body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
}

      as-tu une version en ligne de ta page ?
      2. Cheesy.
        Merci pour la réponse mais ça marche pas chez moi, ni pour le fond, ni pour la scrollbar. La scrollbar est restée la même mais le fond a complétement disparu. Je dois faire quoi ? Merci d'avance ^^
        1. fabioune
          Salut chez moi si je fais comme toi l'image n'est pas centrée, as-tu mis ce code dans la page html ???

          Si oui, il faut le placer entre 2 balises style dans la partie <head>: 

          <style>
body
{
background-image:url(tonimage.gif);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed ;essaie de rajouter cette ligne
}
</style>


          Pour la scrollbar, ça n'est reconnu que par IE donc gare ce n'est pas du code valide (après les dièses tu mets les codes de couleur que tu as choisi): 

          <style>

body
{

scrollbar-face-color: "#";
scrollbar-track-color: "#";
scrollbar-arrow-color: "#";
scrollbar-shadow-color: " #";
scrollbar-highlight-color: "#" ;
scrollbar-3dlight-color: "# ";
scrollbar-darkshadow-color: " #";

}

</style>

          Discussions similaires

          additionner nombres dans cellules avec texte
          kawimaki

          6 réponses
          Mise en forme conditionnelle "compris entre"
          Htfrison

          3 réponses
          Cellules en surbrillance selon une TextBox
          Wyrgle

          1 réponse
          Apache2 accès à autre que /var/www/html/index.html
          merithes

          3 réponses
          Fond d'écran carousel xiaomi
          Thomasg

          3 réponses