IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] Ecrire sur une image


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2006
    Messages : 200
    Par défaut [HTML] Ecrire sur une image
    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

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Soit tu mets ton image en background, soit tu positionnes relativement ou absolutivement ton texte par rapport à ton image.

    Au choix.

  3. #3
    Membre émérite Avatar de Peut-êtreUneRéponse
    Homme Profil pro
    IT Specialist - IBM Z
    Inscrit en
    Décembre 2006
    Messages
    548
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : IT Specialist - IBM Z
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2006
    Messages : 548
    Par défaut
    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

    .

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Ecrire sur une image
    Par alliance dans le forum Langage
    Réponses: 7
    Dernier message: 22/01/2010, 16h32
  2. ecrire sur une image ?
    Par messahel dans le forum Langage
    Réponses: 1
    Dernier message: 03/10/2009, 02h37
  3. Réponses: 2
    Dernier message: 18/03/2009, 20h17
  4. Ecrire sur une image
    Par Viscapon dans le forum AWT/Swing
    Réponses: 19
    Dernier message: 22/06/2008, 21h12
  5. [HTML] Lien sur une image dans un span
    Par acta49xf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 05/03/2008, 09h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo