Créer un fond de couleur ou mettre une image...

[Dylav]

Bonjour Morgans,

 

Tout d'abord, oublie les guillemets qui encadrent l'URL de l'image, ils sont facultatifs.

 

Ensuite, si l'image n'apparaît pas, c'est forcément que le chemin est inexact. Essaie en faisant héberger l'image, par exemple chez Urpix (site gratuit et très facile à utiliser). Choisis le lien [En grand pour site web], et ne garde que l'URL elle-même. Exemple,

 

<a href="http://urpix.fr"><img src="http://urpix.fr/files/3yqv8xvprhn5kd38louv.jpg" border="0" alt="UrPix.fr" /></a>

Transporte cette URL dans ton bloc <div>,

 

<div style="background-image:url(http://urpix.fr/files/3yqv8xvprhn5kd38louv.jpg);width:400px;height:400px">Mon texte</div>

Si ça, ça marche, revenons à ton problème : il ne te reste plus qu'à indiquer correctement le chemin de ton image. Je te suggère de donner le chemin complet. À noter que l'image ne doit pas être sur ton disque dur, car le site de ton forum ne pourrait pas l'atteindre… Il faut donc l'installer soit sur le site, soit chez un hébergeur (comme vu ci-dessus)

 

Nota : j'ai donné des dimensions (width, height) au bloc <div>. En effet, il prend les dimensions de son contenu, mais sans tenir compte de l'image de fond, qui remplira l'espace en fonction de ses dimensions. Elle pourra donc apparaître soit tronquée (si ses dimensions sont supérieures à celles du bloc), soit plusieurs fois (en largeur, en hauteur) si ses dimensions sont inférieures à celles du bloc (avec possibilité d'utiliser les attributs repeat, attachment et position, comme vu dans mon message #4)…

[Morgans]

Bonjour Dylav

 

Encore merci pour toutes tes indications et les formules c'est très gentil de ta part...

Je viens d'essayer je n'ai rien obtenu j'ai hébergé l'image apparemment le soucis c'est que je ne peux pas placer des images hébergées... les seules images qu'il m'est autorisé de placer ou pour illustrer un sujet doivent obligatoirement venir de la Galerie de photos...

Image que je télécharge de mon ordinateur sur cette galerie et leur reférence ou adresse est un nom que je leur attribut avant de valider l'importation par exemple si c'est une photo de l'Egypte je l'intitulerai Egypte.jpg et lorsque je veux m'en servir comme illustration je n'ai juste qu'à placer cette reférence dans la formule d'affichage photo pour qu'elle apparaisse dans mon texte... au centre : center, à droite : rigth, à gauche : left

 

{|class.....

...[[image=Egypte.jpg|thumb||500px|]]

|}

 

<div style="background-image:url(http://www.allo-image.net/stockimg/vignette/18907645485054675b443cbphotos_egypte137.jpg)Mon texte</div>

Alors j'ai essayé la formule suivante et là rien non plus <div style="background-image:url(Egypte.jpg);width:400px;height:400px">Mon texte</div>

 

Merci et

Bonne journée

 

Morgans

[Dylav]

Il ne te reste qu'une solution, demander au webmestre du site de t'expliquer où sont stockées « physiquement » les images de ta galerie. Parce qu'il faut effectivement fournir à l'attribut background-image la « vraie » URL de l'image (avec son chemin complet et son nom réel)…

 

[Morgans]

Bonjour Dilav

 

J'ai écrit pour avoir la vrai adresse URL dès que j'aurai la réponse je réessaierai à nouveau d'importer un image en fond de texte avec l'attribut "background-image" je te dirai encore merci à toi pour tous ces renseignements

 

Bonne journée

Morgans

Modifié le 19 septembre 2012 par Morgans

[Dylav]

Bonjour Morgans,

 

Pas de problème…