High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Repeter une image en arrière plan

Dernière réponse le 30 mar 2009 à 10:48:41 Gwendo69, le 26 mar 2009 à 20:53:48 
 Signaler ce message aux modérateurs

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.

Configuration: Windows Vista
Firefox 3.0.7

Posez votre question Répondre

1

incaout, le 26 mar 2009 à 22:40:52

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épondre à incaout

2

Gwendo69, le 26 mar 2009 à 23:05:12

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.

   
Répondre à Gwendo69

3

incaout, le 27 mar 2009 à 19:32:15
  • +2

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

   
Répondre à incaout

4

 Gwendo69, le 30 mar 2009 à 10:48:41

Merci! ça marche très bien maintenant.

   
Répondre à Gwendo69
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net