Flotteur texte de l'image dans une cellule de tableau

Je suis en train de flotter texte sur une image dans la 3ème colonne de la première ligne dans une table. Cette cellule a une <img> (traitées par découpage psd) et je veux mettre du texte sur elle. J'ai essayé float: left et position: absolute mais rien ne semble fonctionner.

Des idées?

OriginalL'auteur mattgcon | 2010-10-18

  1. 7

    position:absolute en combinaison avec un z-index devrait fonctionner.

    Si c'est possible dans votre conception, vous pouvez également utiliser une image comme arrière-plan de la cellule du tableau et vient de mettre le texte de son contenu.

    Edit: voir Aussi cette question à propos d'un problème que j'ai eu en seulement c'est à dire avec du texte sur une image.

    - Je encore être en mesure de maintenir le 0 de la frontière pour les images, si je l'ai changer pour les images de fond. Toutes les images dans le tableau de créer une grande image
    Aussi longtemps que la pile a la bonne dimension, il devrait fonctionner parfaitement. Notez également que les images de fond ne jamais avoir de frontières.
    N'oubliez pas de supprimer la table border et cellspacing si nécessaire.
    Cela fonctionne merci Jeroen, de courseit va être fastidieuse pour le style de l'ensemble de mes données d'entrée les champs de recherche, mais au moins il a l'air bon. merci

    OriginalL'auteur jeroen

  2. 4

    Bien que je recommande également l'approche canonique (mettre l'image en tant qu'arrière-plan), voici une solution qui répond juste avec le positionnement:

    <td style="position:relative;">
    <img src="..." style="position:absolute;z-index:1;" />
    <div style="z-index:2;position:relative;">your text goes here</div>
</td>

    Vous trouverez peut-être utile pour servir de référence.

    OriginalL'auteur Alin Purcaru