Position d'une image dans le body

**vincent311** · 08/06/2011, 10h53

Bonjour,

Je suis nouveau dans le développement HTML et je sollicite votre aide car je suis bloqué à cause du positionnement d'une image background.

Code :

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

<body style="background-image:url(http://www.monimage.png);background-repeat: no-repeat;background-position : 100px; 70px ;">

Le positionnement est parfait sur mon écran mais quand je change d'écran, de poste (j'imagine que la résolution est la cause du problème) l'image de fond se superpose au texte et n'est pas positionné au même endroit. Comment faire pour que quelques soit l'écran l'image soit au bonne endroit?

Un grand merci d'avance

**12monkeys** · 08/06/2011, 11h48

Bonjour

Déjà je constate qu'il y a une petite erreur dans tes valeurs de background-position : il y a un ; qui traine.

Pour le positionnement j'ai du mal à me faire une idée avec tes seules explications, on peut voir une page en ligne pour comprendre mieux ?

**vincent311** · 08/06/2011, 11h59

Envoyé par 12monkeys

Bonjour

Pour le positionnement j'ai du mal à me faire une idée avec tes seules explications, on peut voir une page en ligne pour comprendre mieux ?

En fait, je souhaite mettre l'image sur ma page d'accueil en fond d'un bloc de texte (dans un widget). La position de l'image change selon l'écran que j'utilise.
Sur mon poste sa se positionne bien là ou je veux ; mais quand je change de poste, la résolution de l'écran change donc ma page change de dimension pour s'adapter à l'écran mais mon image de fond reste au même endroit.

Je ne sais pas trop comment être plus clair...

**12monkeys** · 08/06/2011, 12h11

Envoyé par vincent311

Je ne sais pas trop comment être plus clair...

Montrer une page en ligne

Tu as mis ton arrière plan sur le body. Mais ton texte il est dans quoi ? un div, un paragraphe ? Et il est positionnée où, comment...

Bref là tu n'as pas mis ton code HTML pour la page entière, ni le code CSS, en particulier celui relatif au texte...

Donc je me répète : montre nous une page en ligne. Au moins une capture d'écran avec le code HTML et CSS...

**vincent311** · 08/06/2011, 12h21

Envoyé par 12monkeys

Montrer une page en ligne

Tu as mis ton arrière plan sur le body. Mais ton texte il est dans quoi ? un div, un paragraphe ? Et il est positionnée où, comment...

Bref là tu n'as pas mis ton code HTML pour la page entière, ni le code CSS, en particulier celui relatif au texte...

Donc je me répète : montre nous une page en ligne. Au moins une capture d'écran avec le code HTML et CSS...

Voila la page en question : http://www.techform.net/

Je voudrais mettre une image de fond sous le texte "actualités"

**12monkeys** · 08/06/2011, 12h52

Voilà c'est plus clair comme ça.

Au lieu de placer ton image d'arrière plan sur le body, places le plutôt l'élément englobant ton widget. Par exemple sur <div class="textwidget"> si tu parles bien de "Autres actualités".

Ce comportement est normal : tu places une image sur le <body> de ta page, celle ci étant centrée, du fait de ce centrage la position de ton contenu varie en fonction des résolutions d'écran.