Discussion :

[steph6499]

Bonjour,

je travaille sur un template, que je dois créer sur un site internet via l'éditeur CKEditor. Ayant besoin de superposer des images et autres types de présentation "complexes", je préfère utiliser le mode Source de l'éditeur et créer ma présentation en html.

Mon souci : pour afficher une image sur mon document, je dois l'envoyer sur le serveur via un bouton de l'éditeur, qui me donne ensuite le chemin de l'image (ici : /Files/Upload/20140920-12095914.jpg).

Lorsque j'utilise cette image dans la balise image (<image src="/Files/Upload/20140920-12095914.jpg"/>), mon image s'affiche.

Mais lorsque je l'utilise en fond de div (<div style="background-image:url(/Files/Upload/20140920-12095914.jpg)">), l'image ne s'affiche pas!! J'imagine que le problème vient de mon chemin, mais la seule info que j'ai est la suivante : /Files/Upload/20140920-12095914.jpg.

Merci à ceux qui pourront m'éclairer à ce sujet.

Bon dimanche.

[Shuuichi]

Bonjour Steph6499.
Essaye plutôt le code suivant, et ton problème sera résolu:

Code :

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

background:url('Files/Upload/20140920-12095914.jpg')

[steph6499]

Bonjour,

voici le code que j'ai modifié :

Code :

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

<div style="background:url('Files/Upload/20140920-12095914.jpg')">ok</div>

Ca n'affiche toujours pas l'image.

Autre chose (je ne sais pas si ca a son importance...) :

- dans le code

Code :

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

<img src="chemin image"/>

si l'image n'existe pas, j'ai quand même dans l'élément un petit rectangle qui s'affiche

- dans le code

Code :

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

<div style="background:url('chemin image')></div>

, la div est totalement vide. Il s'agirait alors d'un problème de code, et non de chemin de fichier??

(niveau syntaxe j'ai tout essayé je crois : background, background-image, background-img, ../Files/Upload/20140920-12095914.jpg, ./Files/Upload/20140920-12095914.jpg, Files/Upload/20140920-12095914.jpg, 20140920-12095914.jpg, avec guillemets, sans guillemets....

Merci d'avance pour votre aide.

[Shuuichi]

tu as oublié le <;>(le point virgule) à l'intérieur de la valeur de l'attribut style.
En fait, tu dois avoir au final :

Code html :

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

<div style="background:url('Files/Upload/20140920-12095914.jpg');">

[steph6499]

Je pensais que le ; était un séparateur entre deux attributs, et donc non obligatoire à la fin (je n'avais pas percuté qu'il s'agissait de la syntaxe du css avec ; en fin de ligne. si c'est bien çà ).

Sinon, effectivement la syntaxe était la bonne, mais l'éditeur n'affiche pas mon arrière-plan en mode "Edition" (je ne vois pas pourquoi), d'où la difficulté... Lorsque je clique sur le bouton "Aperçu" proposé par l'éditeur, alors là l'image s'affiche... Je pouvais chercher longtemps...

Merci donc Shuuichi, et désolée du coup pour le dérangement. Bon dimanche!