É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!
A voir également:
- Étirer l'image de fond d'un site web
- Site de telechargement - Accueil - Outils
- Creation de site web - Guide
- Site x - Guide
- Web office - Guide
- Traduction de site web - Guide
1 réponse
Bonsoir,
Utilise une feuille de style CSS ou une zone de déclaration des styles où tu précises :
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.
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.
qqch genre <body background="fond.jpg" style="background-repeat:repeat-x;" height="100%"> ?
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 ?