Image arrière-plan et HTML !!

[Nogi]

Bonjour à tous,

 

J'ai choisi une image (arrière-plan) que j'ai modifié avec photoshop, pour mettre sur un site web déjà existant, pour promotion. J'ai réusis à transférer l'image en URL et j'ai placé celle-ci sur le site, mais tous ne peuvent la voir.

 

J'ai I.E.6 et il semble qu'I.E.7 bloque certaines infos HTML qui empêche de voir mon image(???), car avec mon ordi, tout est ok et ceux qui ont I.E.7 ne voient que le background-color(#000000) .... Étrange !!

 

Y'a t-il qq'un(e) qui aurait une idée pk cela se produit ?

 

Merci de votre aide!

 

Nogi

[Dylav]

Bonsoir Nogi,

 

Pour nous aider à trouver une piste, pourrais-tu nous poster ici, par copier/coller, le code de ta feuille de style et celui de ta page HTML (ou au moins ce qui concerne l'affichage de cette image de fond) ?

[Nogi]

Bonsoir Dylav,

 

Alors voici le début du HTML dans la section où l'on peut placer une image:

 

<style type="text/css"> body {background-color:000000; background-image:url('file:///U:/Wallpapers/Espace012.2.jpg')background-position:center center; background-repeat:no-repeat; background-attachment:fixed; } .......

 

Si je prend une image(URL) d'un site ".com" quelconque, genre: 'http://.....jpg', c'est ok! Ce que j'aimerais, se serait d'utiliser une image de mon dossier "mes images". J'ai essayé avec le clic droit de la souris; "ouvrir avec" internet explorer, qui me donne une URL(mentionné plus haut). Comme je vous ai déjà mentionné, moi, je pouvais voir le résultat, mais d'autres ne voyaient que le fond noir(background-color:000000;)(????).

 

J'ai lu un article qui disait qu'I.E.7 pouvait bloquer certaines infos(HTML), je vais essayer de retrouver cet article.

 

Merci de votre aide!

 

Nogi

 

Bonsoir Nogi,

 

Pour nous aider à trouver une piste, pourrais-tu nous poster ici, par copier/coller, le code de ta feuille de style et celui de ta page HTML (ou au moins ce qui concerne l'affichage de cette image de fond) ?

[Dylav]

<style type="text/css"> 
body { ...   background-image:url('file:///U:/Wallpapers/Espace012.2.jpg');   ...  }
</style>

D'après ce que je vois dans ta feuille de style, ton image de fond est implantée sur le disque « U » de ton PC. Elle reste donc interne, et ne peut être vue de personne d'autre que toi. Il faut que tu en implantes une copie sur le serveur qui abrite ton site.

 

En tout cas, je puis t'assurer que tous les navigateurs savent afficher une image de fond référencée dans une feuille de style par l'attribut background-image de la balise body... même IE7

[KewlCat]

Je confirme : le problème ne vient pas du navigateur mais du fait que seul celui qui a ce fichier sur son disque U: dans le bon répertoire verra l'image... et la solution est effectivement de placer cette image sur le serveur Web et modifier le code de la page pour y indiquer la bonne URL

[Nogi]

Ok, parfait, je comprend!

 

Dans ta réponse, tu mentionnes qu'il faut implanté une copie sur le serveur qui abrite le site. Avant de venir vous en parlé, j'avais déjà essayé! Le hic est que mon image est 1024/768 px. Lorsque je la met sur le site, ça me donnait une URL(http://....jpg), mais la résolution est automatiquement réduite à 600/450 px. J'ai rajouté le code .jpg que le site me donnait + les attributs; width="1024" height="768", ça ne fonctionnait pas(????).

 

J'suis patient, j'vais y arrivé!

 

Merci de votre aide!!

 

Nogi

 

<style type="text/css"> 
body { ...   background-image:url('file:///U:/Wallpapers/Espace012.2.jpg');   ...  }
</style>

D'après ce que je vois dans ta feuille de style, ton image de fond est implantée sur le disque « U » de ton PC. Elle reste donc interne, et ne peut être vue de personne d'autre que toi. Il faut que tu en implantes une copie sur le serveur qui abrite ton site.

 

En tout cas, je puis t'assurer que tous les navigateurs savent afficher une image de fond référencée dans une feuille de style par l'attribut background-image de la balise body... même IE7

[Dylav]

On ne peut effectivement pas imposer de redimensionnement à une image de fond, elle est toujours affichée dans ses dimensions réelles. Si elle ne s'étale pas totalement dans le bloc dont elle doit illustrer le fond, tu peux la positionner (centrée, en haut à droite, etc.), ou demander qu'elle soit répétée (en horizontal et/ou en vertical). Si au contraire elle est plus grande que son bloc récepteur, elle est tronquée.

 

Pour revenir à ton problème, tu vas devoir consulter ton hébergeur pour lui faire accepter de ne pas altérer les dimensions de tes images lorsque tu les charges chez lui

 

Au cas où il t'opposerait un refus, tu as encore la solution de faire accueillir ton image chez un hébergeur spécialisé, c'est gratuit (par exemple mabul ou hibOOx, mais il en existe des tas d'autres) : tu récupères le lien direct vers l'image qu'il te fournit, et tu l'indiques dans ta feuille de style. Mais garde ton image originale sur ton DD, en sauvegarde

[Nogi]

Bonsoir,

 

Sur le site, j'ai vu qq profils avec des images en haut à gauche, ou centrées, je comprend maintenant pourquoi et le positionnement de mon image de cette façon ne m'intéresse pas !!

 

La solution sera alors l'utilisation d'un hébergeur spécialisé, comme vous me le mentionné, car le site en question est assez "big" !! Étant un utilisateur parmi tant d'autres, écrire serait un coup d'épée ds l'eau.

 

PS: J'ai fait qq forums avant votre site, vous êtes les seuls qui m'avez aidé. Je vous recommenderez !!

 

Merci pour votre aide, bien aimable !!

 

Nogi

 

On ne peut effectivement pas imposer de redimensionnement à une image de fond, elle est toujours affichée dans ses dimensions réelles. Si elle ne s'étale pas totalement dans le bloc dont elle doit illustrer le fond, tu peux la positionner (centrée, en haut à droite, etc.), ou demander qu'elle soit répétée (en horizontal et/ou en vertical). Si au contraire elle est plus grande que son bloc récepteur, elle est tronquée.

 

Pour revenir à ton problème, tu vas devoir consulter ton hébergeur pour lui faire accepter de ne pas altérer les dimensions de tes images lorsque tu les charges chez lui

 

Au cas où il t'opposerait un refus, tu as encore la solution de faire accueillir ton image chez un hébergeur spécialisé, c'est gratuit (par exemple mabul ou hibOOx, mais il en existe des tas d'autres) : tu récupères le lien direct vers l'image qu'il te fournit, et tu l'indiques dans ta feuille de style. Mais garde ton image originale sur ton DD, en sauvegarde

[Dylav]

Heureux d'avoir pu répondre à tes attentes.

Et merci pour le compliment à Zébulon !

 

N'hésite pas à revenir si tu rencontres d'autres difficultés.

[KewlCat]

L'autre solution serait de mettre tous les éléments de ta page en z-index: 1 et d'ajouter à ta page ton image (balise <img />) en position: absolute; top: 0px; left: 0px; width et height comme tu le sens, et z-index: 0

Comme ça, ton image ira se placer "en fond" (derrière les autres éléments, en fait) et aura la taille que tu souhaites...