voilà mon soucis :
J'aimerais mettre une image de dégradé sur la hauteur en fond de tableau, qui s'agrandi en fonction de la taille, un peu comme ça :
Code :
- <table>
- <tr>
- <td class="td-grad-10"><img src="bg-tab.jpg" alt="" width="100%" height="100%" /></td>
- </tr>
- </table>
|
et maintenant, je voudrais pouvoir écrire dans cette même cellule où se trouve mon image.
alors, j'ai pensé faire ça :
Code :
- .div-imgs {width: 138px; height: 88px;}
- .div-text {position: relative; top: 0; left: 0;}
- <table>
- <tr>
- <td class="td-grad-10">
- <div class="div-imgs">
- <img src="bg-tab.jpg" alt="" width="100%" height="100%" class="div-text" />
- <div class="div-text">
- hello
- </div>
- </div>
- </td>
- </tr>
- </table>
|
mais ça ne marche pas..., vou avez une idée ??
pour illustrer :
+--------------------+
| +------+ |
| | mon | |
| | text | |
| +------+ |
| |
| mon image en bg |
+--------------------+ |