Repeter une image en arrière plan
Résolu
Gwendo69
Messages postés
147
Date d'inscription
Statut
Membre
Dernière intervention
-
Gwendo69 Messages postés 147 Date d'inscription Statut Membre Dernière intervention -
Gwendo69 Messages postés 147 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai cherché sur le site, mais à chaque c'est le problème inverse qui est posé.
J'ai une image en arrière plan sur une page html. Je veux qu'elle se répète horizontalement ou dans les deux sens. Mais impossible ça marche jamais.
Je l'ai insérée dans la page comme ça (je l'ai redimensionnée, j'espère que j'ai pas fait de bêtise en faisant comme ça):
<body id="top" background=gtop.bmp height="89" width="407"><img src=gtop.bmp height="158" width="814"/>
J'ai essayé d'utiliser la feuille de style pour cette page en ajoutant:
Background-repeat: repeat-x;
Ça marche pas.
Quelqu'un sait comment je peux faire pour que ça marche en insérant quelque chose dans le BODY ou dans la feuille de style.
Merci d'avance, Gwendo.
J'ai cherché sur le site, mais à chaque c'est le problème inverse qui est posé.
J'ai une image en arrière plan sur une page html. Je veux qu'elle se répète horizontalement ou dans les deux sens. Mais impossible ça marche jamais.
Je l'ai insérée dans la page comme ça (je l'ai redimensionnée, j'espère que j'ai pas fait de bêtise en faisant comme ça):
<body id="top" background=gtop.bmp height="89" width="407"><img src=gtop.bmp height="158" width="814"/>
J'ai essayé d'utiliser la feuille de style pour cette page en ajoutant:
Background-repeat: repeat-x;
Ça marche pas.
Quelqu'un sait comment je peux faire pour que ça marche en insérant quelque chose dans le BODY ou dans la feuille de style.
Merci d'avance, Gwendo.
A voir également:
- Repeter une image en arrière plan
- Youtube en arrière plan - Guide
- Arrière plan - Guide
- Arriere plan pc - Guide
- Supprimer l'arrière plan d'une image paint - Guide
- Image iso - Guide
3 réponses
Bonsoir,
Voici la syntaxe exacte... j'ai testé et cela fonctionne. mon image est répété autant de fois que nécessaire pour remplir la page.
<body style="{background-image:url(C:/wamp/www/essaiigs/SiteActuel/gtop.bmp);}">
</body>
Mais tu peux aussi mettre cela dans la section head avec :
<head>
<style type="text/css">
body{background-image:url(C:/wamp/www/essaiigs/SiteActuel/gtop.bmp);}}
</style>
</head>
<body>
......
</body>
En revanche, il n'est pas nécessaire de mettre un id à body, dans la mesure où il ne peut y avoir quel seul body dans un document html.
Bon courage pour la suite
IC
Voici la syntaxe exacte... j'ai testé et cela fonctionne. mon image est répété autant de fois que nécessaire pour remplir la page.
<body style="{background-image:url(C:/wamp/www/essaiigs/SiteActuel/gtop.bmp);}">
</body>
Mais tu peux aussi mettre cela dans la section head avec :
<head>
<style type="text/css">
body{background-image:url(C:/wamp/www/essaiigs/SiteActuel/gtop.bmp);}}
</style>
</head>
<body>
......
</body>
En revanche, il n'est pas nécessaire de mettre un id à body, dans la mesure où il ne peut y avoir quel seul body dans un document html.
Bon courage pour la suite
IC
Gwendo69
Messages postés
147
Date d'inscription
Statut
Membre
Dernière intervention
13
Merci! ça marche très bien maintenant.
Bonsoir,
il me semble qu'il faut plutot écrire quelque chose du genre :
<body style="{background-image='url de l'image';Background-repeat: repeat-x}">
.
.
.
</body>
Cdlt
IC
il me semble qu'il faut plutot écrire quelque chose du genre :
<body style="{background-image='url de l'image';Background-repeat: repeat-x}">
.
.
.
</body>
Cdlt
IC
Bonsoir,
Avec:
<body id="top" style="{background-image='C:\wamp\www\essaiigs\SiteActuel\gtop.bmp'; Background-repeat: repeat-x}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image='C:\wamp\www\essaiigs\SiteActuel\gtop.bmp'; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image=C:\wamp\www\essaiigs\SiteActuel\gtop.bmp; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image='gtop.bmp'; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ça ne marche toujours pas.
ou
<body id="top" style="{background-image=gtop.bmp; Background-repeat: repeat-x;}"><img src=gtop.bmp />
quand j'enlève <img src=gtop.bmp />, ça l'efface complètement.
Avec:
<body id="top" style="{background-image='C:\wamp\www\essaiigs\SiteActuel\gtop.bmp'; Background-repeat: repeat-x}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image='C:\wamp\www\essaiigs\SiteActuel\gtop.bmp'; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image=C:\wamp\www\essaiigs\SiteActuel\gtop.bmp; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ou
<body id="top" style="{background-image='gtop.bmp'; Background-repeat: repeat-x;}"><img src=gtop.bmp />
ça ne marche toujours pas.
ou
<body id="top" style="{background-image=gtop.bmp; Background-repeat: repeat-x;}"><img src=gtop.bmp />
quand j'enlève <img src=gtop.bmp />, ça l'efface complètement.