Foros del Web » Programando para Internet » PHP »

imprimir texto en determinada posicion de una imagen

Estas en el tema de imprimir texto en determinada posicion de una imagen en el foro de PHP en Foros del Web. Hola amigos espero me puedan ayudar explico un poco lo que requiro , tengo una imagen y necesito imprimir un label o texto en determinada ...
  #1 (permalink)  
Antiguo 08/05/2013, 11:10
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.852
Antigüedad: 9 años, 2 meses
Puntos: 6
imprimir texto en determinada posicion de una imagen

Hola amigos espero me puedan ayudar explico un poco lo que requiro , tengo una imagen y necesito imprimir un label o texto en determinada posicion de la imagen


es posible realizar esto con php?
  #2 (permalink)  
Antiguo 08/05/2013, 11:12
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 7 años
Puntos: 5
Respuesta: imprimir texto en determinada posicion de una imagen

Hola!!

Te refieres a: dentro de la imagen o al lado de ella???
  #3 (permalink)  
Antiguo 08/05/2013, 11:15
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.852
Antigüedad: 9 años, 2 meses
Puntos: 6
Respuesta: imprimir texto en determinada posicion de una imagen

gracias por responder pupefo

necesito imprimir dentro y encima de ella
  #4 (permalink)  
Antiguo 08/05/2013, 11:19
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 15 años, 8 meses
Puntos: 28
Respuesta: imprimir texto en determinada posicion de una imagen

Pues un DIV cuyo background sea la imagen. Después escribes texto en el DIV y con estilos ubicas dicho texto en la posición que desees.
  #5 (permalink)  
Antiguo 08/05/2013, 11:21
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 7 años
Puntos: 5
Respuesta: imprimir texto en determinada posicion de una imagen

Se me ocurre lo siguiente:


- Crea un div con background-image con la imagen que quieras utilizar:

- Dentro de ese div puedes incluir texto con normalidad (cambia los colores para que destaque el texto).

- Creo que puedes incluir más div con texto y fondo transparente para que se vea la imagen.

Suerte!! jeje
  #6 (permalink)  
Antiguo 08/05/2013, 11:38
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.852
Antigüedad: 9 años, 2 meses
Puntos: 6
Respuesta: imprimir texto en determinada posicion de una imagen

hasta el momento imprimo el texto en la esquina superior izquierda , necesito ubicar el texto en diferentes puntos de la imagen o en este caso del div

Código CSS:
Ver original
  1. <style type="text/css">
  2.  
  3. .Estilo1 {color: #FF0000}
  4. #mapa{
  5.     position:absolute;
  6.     left:104px;
  7.     top:62px;
  8.     width:800px;
  9.     height:481px;
  10.     z-index:1;
  11.     background-image: url(DEM-CVCBCM.png);
  12. }
  13.  
  14. </style>


Código HTML:
Ver original
  1. <div id="mapa">
  2. <span class="Estilo1">Prueba</span>
  3. </div>
  4. </body>
  #7 (permalink)  
Antiguo 08/05/2013, 11:49
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 15 años, 8 meses
Puntos: 28
Respuesta: imprimir texto en determinada posicion de una imagen

Pues es tan fácil como hacer varias clases CSS con distintos TOP y LEFT de manera que según la imagen pues seleccionas una clase u otra.

Código HTML:
Ver original
  1. <style type="text/css">
  2.  
  3. .texto_abajo{
  4.     left:400px;
  5.     top:300px;
  6. }
  7.  
  8.  
  9. <div id="mapa" class="texto_abajo">
  10. <span class="Estilo1">Prueba</span>
  11. </div>
  12. </body>
  #8 (permalink)  
Antiguo 08/05/2013, 11:54
Avatar de bulter  
Fecha de Ingreso: enero-2008
Mensajes: 137
Antigüedad: 11 años, 11 meses
Puntos: 20
Respuesta: imprimir texto en determinada posicion de una imagen

Pr0
Tu código movería todo el div, no solo el texto.

Código CSS:
Ver original
  1. .Estilo1
  2. {
  3.     color: #FF0000;
  4.     position: relative;
  5.     top: 20px;
  6.     left: 40px;
  7. }
  #9 (permalink)  
Antiguo 08/05/2013, 11:57
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 15 años, 8 meses
Puntos: 28
Respuesta: imprimir texto en determinada posicion de una imagen

Cierto, Bulter tiene la solución.
  #10 (permalink)  
Antiguo 08/05/2013, 12:20
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.852
Antigüedad: 9 años, 2 meses
Puntos: 6
Respuesta: imprimir texto en determinada posicion de una imagen

pero las posiciones las recibo desde base de datos , osea que me toca leerlas y pasarlas a pixeles y mediante php crear el css

Etiquetas: posicion
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 16:10.