28173 sujets

CSS et mise en forme, CSS3

Si tu parles bien des menu déroulant des formulaires : c'est l'élément "select", ce qui donnerait ceci :
select {
   background-image: url(adresse_du_fichier/image.extension);
   }
Tu procèdes de la même manière :

div#conteneurUntel {
   background-image: url(adresse_du_fichier/image.extension);
   background-repeat: no-repeat|repeat|repeat-x|repeat-y;
   background-color: #fff;
   }
.classeMachin {
   background-image: url(adresse_du_fichier/image.extension);
   background-repeat: no-repeat|repeat|repeat-x|repeat-y;
   background-color: #fff;
   }
body {
   background-image: url(adresse_du_fichier/image.extension);
   background-repeat: no-repeat|repeat|repeat-x|repeat-y;
   background-color: #fff;
   }

...
Dans ton cas, je crois que c'est body qui t'intéresse.

repeat-x:
l'image se répéte sur l'échelle des abscisses (horizontalement).

repeat-y:
l'image se répète sur l'échelle des ordonnées (verticalement).

repeat:
l'image se répète dans toutes les directions (ne rien spécifier comme "background-repeat" équivaut à "background-repeat: repeat;" - sauf erreur).

Tu peux combiner plusieurs éléments dans "background" pour réduire le code :

div#conteneurUntel {
   background: #fff url(adresse_du_fichier/image.extension) no-repeat;
   }


Quand on laisse "repeat", l'image ne se répète que si elle a de la place dans son bloc ; si on lui attribue un DIV ajusté à sa taille, on ne verra rien (logique) : aussi, dans ce cas de figure, j'imagine que ne rien spécifier pour la répition nous permet d'allèger le code de quelques octets. Smiley murf
Modifié par Smiley neko (24 Mar 2006 - 02:15)