Poner texto sobre una imagen con divs

[GSMDN]

Hola estoy intentando poner texto sobre una imagen, creia que poniendo el texto entre los tags div automaticamente se quedaban como en una capa flotante, pero sin embargo me varia el tamaño de la celda donde meto la div, lo que quier es poner el texto encima de la imagen que esta en la celda (no lo quiero hacer poniendo la imagen como background de la celda).

Os pongo el codigo que uso :

Código:

	<tr><td><img src="imagenes/categorias.jpg" border="0" width="197" height="53" alt=""><div style="position:relative;top:-28px;left:25px"><b>Categorias</div></td></tr>

Alguien sabe como hacer que la capa sea flotante y no me varie la altura de la celda (que debe ser la misma que la de la imagen)

Gracias

PD: no se si me habre explicado bien

[CORE]

algo asi??


<tr>
<td><img src="imagenes/categorias.jpg" border="0" width="197" height="53" alt="">
<div style="position:relative; top:12px; left:13px; z-index: 1;"><b>Categorias</b></div></td>
</tr>

[GSMDN]

no... asi me sigue pasando lo que comentaba, que me aumenta el tamaño de la celda como si hubiese texo, pongo una imagen de como queda para que os hagais una idea de lo que pasa :



como veis el texo esta en su lugar, encima de la imagne pero el tamaño de la celda aumenta y se separan las lineas.

[urgente89]

Hola:

Creo que esto es lo que estás buscando:

Código HTML:

<tr>
   <td>
      <img align=right src=1280x800.jpg width=300 height=121>
      <div style="float:left;width:300px;">Texto sobre la imagen</div>
   </td>
</tr> 

Saludos.

[seoista]

<tr>
<td>
<img src="imagenes.jpg" alt="" title="" />
<div style="position: absolute; top: 580px; left: 600px;">Texto sobre la imagen</div>
</td>
</tr>

Las posiciones de "top y left", pones las que tú necesites para que te cuadre en la imagen.

Saludos.