Repeter une image en arrière plan

Résolu/Fermé

Gwendo69 Messages postés 147 Date d'inscription lundi 29 septembre 2008 Statut Membre Dernière intervention 28 juin 2013 - 26 mars 2009 à 20:53
Gwendo69 Messages postés 147 Date d'inscription lundi 29 septembre 2008 Statut Membre Dernière intervention 28 juin 2013 - 30 mars 2009 à 10:48

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.

A voir également:

Repeter une image en arrière plan
Arrière plan - Guide
Youtube en arrière plan - Guide
Flouter arrière-plan appel vidéo whatsapp android - Guide
Arriere plan pc - Guide
Supprimer l'arrière plan d'une image paint - Guide

3 réponses

Réponse 1 / 3

incaout Messages postés 347 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 15 novembre 2012 74
27 mars 2009 à 19:32

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

Gwendo69 Messages postés 147 Date d'inscription lundi 29 septembre 2008 Statut Membre Dernière intervention 28 juin 2013 13
30 mars 2009 à 10:48

Merci! ça marche très bien maintenant.

Réponse 2 / 3

incaout Messages postés 347 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 15 novembre 2012 74
26 mars 2009 à 22:40

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

Réponse 3 / 3

Gwendo69 Messages postés 147 Date d'inscription lundi 29 septembre 2008 Statut Membre Dernière intervention 28 juin 2013 13
26 mars 2009 à 23:05

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.

Discussions similaires

Open office image arriere plan