Webmaster Hub > Comment insérer du texte dans une image ?

Version complète: sur le forum Webmaster Hub : Comment insérer du texte dans une image ?

Webmaster Hub > Accueil > Le salon de Webmaster Hub

duc35

vendredi 20 octobre 2006 à 12:35

Bonjour,

J'ai le code suivant qui représente un tableau avec une cellule avec une image à l'intérieur :

CODE

Comment faire pour écrire du texte à l'intérieur ??

Merci par avance pour vos lumières

birdyman

vendredi 20 octobre 2006 à 13:22

Salut,

Tu ne pourras pas écrire par dessus l'image si elle n'est pas en fond.

Avec les CSS tu applique ton image en background de la cellule, et tu place ton texte normalement a l'intérieur.

@++

Leonick

vendredi 20 octobre 2006 à 13:44

et puis même, avec les css tu pourras ne plus utiliser de table pour faire de la mise en page ;-)

Dan

vendredi 20 octobre 2006 à 13:53

CITATION(Leonick @ vendredi 20 octobre 2006, 14h44)

et puis même, avec les css tu pourras ne plus utiliser de table pour faire de la mise en page ;-)

Et pourquoi donc ? Il ne faut pas confondre site utilisant les CSS et site "tableless"...
Les deux ne sont pas incompatibles

captain_torche

vendredi 20 octobre 2006 à 14:00

Par contre, il me semble (au vu de la taille de l'image), que tu te méprends pour la création du site.
Tu comptes garder une image en fond comme design, ou c'est simplement pour quelque chose de particulier ?

Au nid !

vendredi 20 octobre 2006 à 14:08

Tu peux peut être insérer un calque dans ton tableau ?

CODE

<table width="737" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div id="Layer1" style="position:absolute; width:737px; height:120px; z-index:1">
        <p>Ton texte ici</p>
        <p align="center">ou là</p>
        <p align="right">ou encore là</p>
      </div>
      <img src="fondecran2.jpg" width="787" height="120" ></td>
  </tr>
</table>

captain_torche

vendredi 20 octobre 2006 à 14:19

ou plutôt mettre l'image en fond dans la cellule, en "dur" ou via CSS.

Au nid !

vendredi 20 octobre 2006 à 14:31

Je pense qu'il veut mettre du texte avant et après son image, d'où sa question

captain_torche

vendredi 20 octobre 2006 à 15:30

Moi, j'ai compris qu'il souhaitait mettre son texte "sur" son image.

tribords

vendredi 20 octobre 2006 à 16:59

Pour répondre brièvement sans considérations de tableless ou autres

CODE

<table width="737" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-image:url(fondecran2.jpg);width:787px;height:120px">Voici mon texte</td>
  </tr>
</table>

duc35

samedi 21 octobre 2006 à 10:14

un GRAND merci a tous pour vos réponses. Cela fonctionne parfaitement

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.