Discussion :

[machipot]

Bonjour les HTMList,

Avez vous une idée comment ecrire du text sur une image (.gif) affichée dans un document HTML?

merci,
____________________________0_____________________________

Je vais etre plus claire pour mieux comprendre votre solution.
J'ai une image :

Code :

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

<IMG border="0" src="images/New_Images/line-title.gif" width="600" height="10">

et j'ai:

Code :

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

<bean:message key="persinfo"></bean:message>

je veux avoir : L'image et sur l'image le texte qui vient de la tag message

merci

[Bisûnûrs]

Soit tu mets ton image en background, soit tu positionnes relativement ou absolutivement ton texte par rapport à ton image.

Au choix.

[Peut-êtreUneRéponse]

Une solution consiste a écrire dans une DIV identifiée sur laquelle tu appliqueras un background via le CSS:

Code css :

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

1
2
3
4
5
#monimage1 {
   background: url(monimage.gif) no-repeat;
   width: nn;
   height: mm;
}

Code html :

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

<div id="monimage1">Mon texte sur l'image</div>

Tu peux aussi mettre le CSS inline:

Code html :

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

<div style="background: url(monimage.gif) no-repeat; width: nnpx;height: nnpx;">Mon texte sur l'image</div>

nn: valeur en pixel de la largeur de ton image
mm: valeur en pixel de la hauteur de ton image

.