Inserer une image dans un tableau html

Résolu
Utilisateur anonyme -  
mikelangelo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, comment on fait pour installer une image dans un tableau en html
Configuration: Windows Vista
Firefox 3.0.1

7 réponses

  1. gaerebut Messages postés 1060 Statut Membre 171
     
    Alors heu là c'est plus dur par contre !
    Tu veux mettre un image et écrire par dessus ? Ou a côté mais dans la même cellule du tableau ?

    Si c'est le premier cas, tu créé un div et tu lui donne un id comme ceci

    <div id="texte"></div>


    Ensuite tu mets du texte entre les 2 balises !

    <div id="texte">CECI EST UN TEXTE</div>


    Puis, pour qu'il vienne chevaucher l'image, a mon avis, il faut utiliser l'attribue absolute en css puis via les 2 autre attribus left et top tu règle le texte sur l'image !

    <div id="texte" style="position: absolute; top:Xpx; left: Ypx">CECI EST UN TEXTE</div>


    Xpx et Ypx sont les distance en pixel ou le texte aparraîtra sur ton écran !
    Essaye de rien mettre (donc juste ça
    <div id="texte" style="position: absolute">CECI EST UN TEXTE</div>
    ), si ça ne marche pas, essaye comme ceci
    <div id="texte" style="position: absolute; top: auto; left: auto">CECI EST UN TEXTE</div>
    et si ça ne marche toujours pas, remplace le X et le Y par des valeurs comme dans l'exemple suivant :

    <div id="texte" style="position: absolute; top:50px; left: 200px">CECI EST UN TEXTE</div>


    N'oublie pas que Top place le texte Verticalement et Left, Horizontalement !
    L'atribue position: absolute va permettre de dire que l'élément touché (donc ici le div) sera indépendant de tout le reste et pourra donc chevaucher !

    Par contre après, il y aura peut-être un problème de z-index !
    Donne moi des nouvelles si c'est le cas (en gros, si le texte est caché derrière une image ou autre chose et on ne le voit pas !)

    A+

    Gaerebut
    5
    1. mikelangelo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   197
       
      attention <div> n'est pas <table> :p

      de plus la personne a demander pour le tableau pas pour une cellule :p

      >donc par exemple

      <table background="adresse de l'image" cellspacing="1" width="450" align="center">
      <tr><td colspan="2"></td></tr>
      <tr></td></tr>
      </table>



      la seul chose que je me souvient plus c'est pour faire en sorte que l'image face pile la taille du tableau ou de la cellule (si elle est trop grande)
      0