Superposición de texto en imágenes

juanmafuld · #1 (**permalink**) 12/04/2002, 03:46

Hola, tengo el siguiente problema. Tengo una imagen plana sin texto y dentro de mi página web quiero ponerle un texto a la imagen.
Se puede hacer de alguna forma? Agradecería si pudieran dar código.
Muchas gracias

Rolo · #2 (**permalink**) 12/04/2002, 05:30

Para eso tienes 2 alternativas sencillas:

1)uses un editor de imagenes y escribas encima el texto y después guardas la imagen con el texto encima (te queda todo en formato de imagen)

2)usar la imagen como fondo de una tabla y escribir libremente el texto sobre ella.
Suponiendo una tabla con una sola fila y una sola columna, es decir, una sola celda sin borde (border=0), que ocupe el ancho de la pantalla (width=100%) y una altura hipotetica de 250 pixeles (hight=250, todos los valores dependen del tamaño de tu-imagen.jpg), el codigo sería el siguiente:

Código:

 &lt;table width=&quot;100%&quot; border=&quot;0&quot; background=&quot;tu-imagen.jpg&quot;&gt;
  &lt;tr&gt; 
    &lt;td height=&quot;250&quot;&gt;¡¡¡¡aqui el texto!!!!&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

espero que se alla entendido!
Saludos!! :cantar:

juanmafuld · #3 (**permalink**) 12/04/2002, 06:35

Muchas gracias, lo intentaré

KarlanKas · #4 (**permalink**) 12/04/2002, 09:16

Creo que hay una forma mucho más fácil. Simplemente pones la imagen:

<img style="position:absolute;top:0px;left:0px;z-index:1;" src="imagen.jpg">

y en una capa pones el texto:

<div style="position:absolute;left:0px;top:10px;co lor:#00ff00;font:bold 14px/16px Verdana;z-index:2;">HOLA HOLAA!!</DIV>

Si tienes alguna duda...

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="190" height="51"><param name="bgcolor" value="#0066CC"><param name="movie" value="http://www.webareyou.com/Movie1.swf"><embed src="http://www.webareyou.com/Movie1.swf"></embebed></object>

caricatos · #5 (**permalink**) 12/04/2002, 14:39

Hola:
En mi página: <a href='ir.asp?http://www.sucaricatura.com' target='_blank'>http://www.sucaricatura.com...</a> la botonera del menú consta de una imagen de fondo que cambia con el paso del mouse, un texto y otra imagen al lado y para hacerlo puse en la celda de una tabla el estilo con la imagen de fondo:
<td style=background-image: url(la_imágen)...
dentro se puede poner cualquier cosa.
ese estilo sirve para casi todas (o todas) las etiquetas. Hay que controlar el tamaño y otros ajustes.
Si quieres más información: a servir.
Espero que te sirva...