Foros del Web » Creando para Internet » HTML »

Superposición de texto en imágenes

Estas en el tema de Superposición de texto en imágenes en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/04/2002, 04:46
 
Fecha de Ingreso: marzo-2002
Mensajes: 30
Antigüedad: 15 años, 9 meses
Puntos: 0
Superposición de texto en imágenes

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
  #2 (permalink)  
Antiguo 12/04/2002, 06:30
 
Fecha de Ingreso: noviembre-2001
Mensajes: 269
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: Superposición de texto en imágenes

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:
 <table width="100%" border="0" background="tu-imagen.jpg">
  <tr> 
    <td height="250">¡¡¡¡aqui el texto!!!!</td>
  </tr>
</table>
espero que se alla entendido!
Saludos!! :cantar:
  #3 (permalink)  
Antiguo 12/04/2002, 07:35
 
Fecha de Ingreso: marzo-2002
Mensajes: 30
Antigüedad: 15 años, 9 meses
Puntos: 0
Re: Superposición de texto en imágenes

Muchas gracias, lo intentaré
  #4 (permalink)  
Antiguo 12/04/2002, 10:16
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
Re: Superposición de texto en imágenes

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>
  #5 (permalink)  
Antiguo 12/04/2002, 15:39
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Superposición de texto en imágenes

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:
&lt;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...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:13.