Étirer l'image de fond d'un site web
Djunito
Messages postés
664
Statut
Membre
-
Djunito Messages postés 664 Statut Membre -
Djunito Messages postés 664 Statut Membre -
Bonjour,
J'aimerais savoir comment étirer une image de fond dans sa hauteur en lui spécifiant une taille de 100% tout en la faisant se répéter en largeur (repeat-x) ?
Pour mieux comprendre ce que je veux dire, voici l'image que je voudrais utiliser en background:
http://www.djino.net/fond.jpg
Quelqu'un peut m'aider?
Merci!
J'aimerais savoir comment étirer une image de fond dans sa hauteur en lui spécifiant une taille de 100% tout en la faisant se répéter en largeur (repeat-x) ?
Pour mieux comprendre ce que je veux dire, voici l'image que je voudrais utiliser en background:
http://www.djino.net/fond.jpg
Quelqu'un peut m'aider?
Merci!
1 réponse
-
Bonsoir,
Utilise une feuille de style CSS ou une zone de déclaration des styles où tu précises :
body { background-color:#B00000; background-image:url(/fond.jpg); background-repeat:repeat-x; background-attachment:scroll; }
Il n'y a pas de propriété pour choisir les dimensions de l'arrière plan de la page (100%), l'image doit être suffisamment grande initialement (verticalement dans ton cas). On peut "tricher" en ajoutant une couleur (celle de la base du dégradé) à l'arrière plan en faisant attention à l'ordre d'apparition des attributs.-
Je sais qu'il est impossible d'étirer un fond d'écran en CSS, mais personne ne connaitrait le code pour le faire en html?
qqch genre <body background="fond.jpg" style="background-repeat:repeat-x;" height="100%"> ?- Dans ce site on explique comment étirer une image pour l'adapter automatiquement à la résolution d'écran du visiteur, mais l'image en question est prise en tant qu'image et non en background.
http://forum.alsacreations.com/faq/faq-56-Comment-faire-un-arriere-plan-etirable-.html
Dans mon cas, si j'utilise cette méthode, ça donne ça:
http://www.djino.net/test.html --> mon texte est chassé sous l'image car elle ne peut se placer SUR une image.
Est-il possible d'attribuer l'ID au background afin de lui appliquer les paramètres repeat-x ?
-
