|
|
|
|
Inserer une image dans un tableau html
Dernière réponse le 16 jan 2009 à 20:45:29 yoann72100, le 18 aoû 2008 à 23:48:50Salut, heu ben c'est simple, c'est comme pour mettre une image normal ...
|
Alors heu là c'est plus dur par contre !
<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 Il y a 2 règles d'or pour réussir dans la vie : -Règle 1: ne jamais dire tout ce que l'on sait... -Règle 2: ... |
Oula y en a qu'aime se compliquer la vie apparemment ^^
|
Ben oui j'y avait pas pensé ^^ lol
<table> <tr> <td style="position: relative"><img src="image1.jpg" alt="titre" /><div id="texte" style="position: absolute;>TEXTE SUR IMAGE 1</div></td> <td style="position: relative"><img src="image2.jpg" alt="titre" /><div id="texte" style="position: absolute;>TEXTE SUR IMAGE 2</div></td> </tr> </table> A+ Gaerebut Il y a 2 règles d'or pour réussir dans la vie : -Règle 1: ne jamais dire tout ce que l'on sait... -Règle 2: ... |
Oui effectivement si les images n'ont pas les mêmes tailles, ça ne marchera pas il faudra ajouter un no-repeat et positionner le background.
|

