image en arriere plan qui se repéte

**mathier** · 28/01/2012, 23h26

bonsoir
sur une ligne d'un cadre (j'ai utilisé la balise frameset pour structurer ma page) je veux insérer en arrière plan une photo. c'est la ligne correspondant au header.

j'ai donc télécharger une image en .jpg qui me plaisait mais je n'ai pas fait attention aux dimensions ou autres car je ne m'y connais pas.

j'ai réussi à mettre cette photo en arrière plan avec
<body background="photo.jpg"> mais la photo se répète on la voit 5 fois .

pouvez vous m'expliquer pourquoi ? et m'expliquer dans quelle voie chercher pour comprendre comment insérer "intelligemment" des images en arrière plan

merci

**franck31** · 29/01/2012, 15h13

Elle se répète 5 fois car ton body fait 5 fois la taille de ton image. Donc pour ne pas avoir cela, tu mets tout une image à la taille du body ou alors dans ton css tu fait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
body {
margin: 0 auto; /*centrage du body et position haute et basse*/
background: url('lien vers ton image) no-repeat;/*pas de répétition d'image*/
}

**mathier** · 29/01/2012, 19h15

bonjour
je n'utilise pas du CSS car c'est un exercice imposé (utilisation html avec des cadres , attributs sur balise pour la forme)
donc il faut que je mette mon image à la dimension du body mais je ne vois pas comment faire et d'ailleurs le résultat sera sans doute moche .

je souhaite donc mettre l'image une seule fois à droite par exemple

mais comment ? le no-repeat ne marche pas

merci

**michel.di** · 29/01/2012, 23h23

ça ne marche pas? comment as-tu ajouté le no-repeat?
dans un css comme te l'a conseillé franck31?

**mathier** · 30/01/2012, 08h18

bonjour
non ça ne marche pas mais vous n'avez pas relevé un point :
je ne dois pas utiliser de css : on me le demande dans l'exercice.
dans ma formation on voit depuis septembre les balises html et on leur met des attributs pour la forme. On fait des cadres aussi pour structurer la page. donc pas de css , pas de html5 non plus c'est les bases comme ils disent.
ce que je dois rendre doit utiliser les cours qu'on a fait et j'ai pas le choix

d'ailleurs à ce sujet cette formation me déçoit , à l'issue de cette formation qui abordera le php et javascript (les bases aussi) je ne pense pas réussir à trouver un emploi quelconque

pour revenir sur mon code
j'ai donc fait un cadre et dans l'en tête je renvoie à une autre page qui contient simplement (src dans balise frameset)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body background="photo.jpg">
    <h1 align="center">
		C'est le titre de la page 
	</h1>
</body>

merci

**michel.di** · 30/01/2012, 10h13

Et si tu fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<body style="background:url(photo.jpg) no-repeat top right">
    <h1 align="center">
		C'est le titre de la page 
	</h1>
</body>

**NoSmoking** · 30/01/2012, 23h09

Envoyé par mathier

je ne dois pas utiliser de css : on me le demande dans l'exercice.

donc ça y est c'est fait

**miss_socrates** · 31/01/2012, 20h37

Envoyé par mathier

je ne dois pas utiliser de css

Je fais remarquer que la solution de michel di. est bien du CSS , qui est en ligne, mais c'est du CSS quand même.
Ceci prouve que c'est la meilleure solution pour faire la mise en page.

Bah, Monsieur Jourdain (le Bourgeois Gentilhomme) faisait bien de la prose sans le savoir !!...

image en arriere plan qui se repéte

HTML

Vue hybride

Discussions similaires

Partager

Partager