x

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación.
Si continúa navegando, consideramos que acepta su uso. Puede obtener más información, o bien conocer cómo cambiar la configuración, en nuestra Política de cookies

 
  Entrar Regístrate
 
Como insertar texto sobre imagen?
#1 · 28/Feb/2008, 08:50
hola necesito ayuda urgente, estoy haciendo una web en dreamweaver 8 y no sé como puedo insertar un texto sobre una imagen  he probado con un layer pero no puedo lograr que se quede en su lugar al cambiar el tamaño de la pantalla aunque cambie su posicion de pix a %  ,¿existe otra forma aparte de los layers? o alguien me podria explicar eso de los layers para ver si cometo algun error, bueno cualquier ayuda se agradece, saludos   

Kromus
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 10
Desde: 13/Ene/2008
·
#2 · 28/Feb/2008, 20:52
Hazlo con Photoshop, será más rápido

Darth_Carl
Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 400
Desde: 29/Ago/2007
· ·
#3 · 03/Mar/2008, 05:51
Escrito originalmente por Kromus
hola necesito ayuda urgente, estoy haciendo una web en dreamweaver 8 y no sé como puedo insertar un texto sobre una imagen  he probado con un layer pero no puedo lograr que se quede en su lugar al cambiar el tamaño de la pantalla aunque cambie su posicion de pix a %  ,¿existe otra forma aparte de los layers? o alguien me podria explicar eso de los layers para ver si cometo algun error, bueno cualquier ayuda se agradece, saludos   
Establece una imagen como fondo de tabla y así podrás escribir en las celdas mientras el fondo queda por debajo.

1K3R
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 7.844
Desde: 30/May/2002
·
#4 · 04/Mar/2008, 00:23
Escrito originalmente por 1K3R
Escrito originalmente por Kromus
hola necesito ayuda urgente, estoy haciendo una web en dreamweaver 8 y no sé como puedo insertar un texto sobre una imagen  he probado con un layer pero no puedo lograr que se quede en su lugar al cambiar el tamaño de la pantalla aunque cambie su posicion de pix a %  ,¿existe otra forma aparte de los layers? o alguien me podria explicar eso de los layers para ver si cometo algun error, bueno cualquier ayuda se agradece, saludos   
Establece una imagen como fondo de tabla y así podrás escribir en las celdas mientras el fondo queda por debajo.

gracias por las respuestas pero no puedo colocarla como fondo ya que la tabla ya tiene otra imagen de fondo  y con respecto a lo del photoshop no tengo la opción de insertarle una capa, no sé por qué porque no me manejo mucho con el photoshop  

Kromus
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 10
Desde: 13/Ene/2008
·
#5 · 04/Mar/2008, 00:26
ah! otra cosa perdón por haberme equivocado de foro era n el de diseño  creo que me distraje cuando lo escribí    

Kromus
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 10
Desde: 13/Ene/2008
·
#6 · 04/Mar/2008, 14:15
Escrito originalmente por Kromus
gracias por las respuestas pero no puedo colocarla como fondo ya que la tabla ya tiene otra imagen de fondo  y con respecto a lo del photoshop no tengo la opción de insertarle una capa, no sé por qué porque no me manejo mucho con el photoshop  


A ver si lo entiendo, tienes una tabla con una imagen de fondo y ¿quieres insertar texto encima de una imagen que no es la del fondo de la tabla? Eso si que es rizar el rizo, se podría hacer usando una capa pero entonces taparías la imagen del fondo de la tabla... chico no te entiendo, pon un enlace y dime donde quieres poner exactamente ese texto sobre imagen.

Con photoshop es tan sencillo como abrir una imagen, crear una capa de texto y ahí escribes, la imagen quedaría por debajo.


1K3R
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 7.844
Desde: 30/May/2002
·
#7 · 08/Mar/2008, 23:37
hola nuevamente bueno he resuelto mi problema a traves del photoshop, no lo podía hacer antes porque la imagen estaba en modo indexado pero solucione eso cambiandole el modo jejeje   y bueno eso es mucho más facil que usar layers en dreamweaver bueno gracias a todos los que trataron de ayudarme saludos  

Kromus
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 10
Desde: 13/Ene/2008
·
#8 · 23/Jun/2008, 03:28

una manera mas facil de colocar un texto sobre una imagen sin que el texto se convierta en imagen es de la siguiente manera:

Inserta una tabla del tamaño de la imagen, una ves que tenga insertada la tabla seleccionela y presione shft + F5 elija "especifico de navegador",  ahí va a ver una casilla que dice "imagen de fondo",  selecione su imagen una ves que este listo. Escriba dendro de la tabla, eso es todo.

contacto: degat2007@hotmail.com


degat2002
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 23/Jun/2008
·
#9 · 06/Jun/2011, 17:36

Hola. 

Verán, el problema es el siguiente. Tengo una página con imágenes y me gustaría poder añadir textoa  esas imágenes. No puedo ponerlas como fondo de una tabla porque esas imágenes son botones. Botones de tipo onmouseover~, onmouseout etc...

¿Cómo puedo hacer para añadirles texto sin tener que crear tres para cada una? 


gmffs
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 06/Jun/2011
·
#10 · 06/Jun/2011, 18:23

No se pueden crear imágenes de la nada, así que es como dicen más arriba: con Photoshop (o Flash).

Hay una técnica que permite hacer el mismo efecto combinando imágenes, estilos y un poco deJavaScript, y es incluyendo las 3 imágenes en un solo archivo (pe: bmp), con CSS defines la caja que se verá por defecto (1ra imagen incluida) y con eventos (JavaScript) cambias las propiedades left o top de la imagen (dependiendo si las juntaste en horizontal o vertical), y el efecto visual es como que ha cambiado el botón.


GestionXls
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.826
Desde: 02/Ago/2008
· ·
#11 · 21/Jun/2011, 07:26 · Editado por Sirquini

Solo para evitar que sigan usando tablas para estas cosas :(, intenta con esto.

El HTML seria:

Código:
<div class="imagenFondo"><img src="URL de la imagen" alt="etc" /><span>El Texo sobre la imagen</span></div>

El código CSS:

Código:
.imagenFondo {
    position: relative;
    width: 10px; /* ancho de la imagen OPCIONAL */
    height: 10px; /* largo de la imagen OPCIONAL */
}
.imagenFondo span {
    position: absolute;
    left: 0;
}

Espero les sirva.


Sirquini
Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 448
Desde: 20/Feb/2009
· ·
#12 · 08/Dic/2011, 18:20

Tambien si tienes una tabla con fondo puedes crear un <DIV> dentro de la tabla, y ponerle un background al div de modo que el background del div se veria como una imagen normal dentro de la tabla permitiendote ponerle texto dentro del div y sobre el fondo del div.

 

Código:
<table width="400" height="400" border="1" background="fondo.jpg">
<tr>
<td><DIV style="background-image:url(tuimagen.jpg); background-repeat:no-repeat"> AQUI EL TEXTO SOBRE LA IMAGEN</DIV></td>
</tr>
</table>

 


fb@751597688
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 08/Dic/2011
·
#13 · 09/Ene/2014, 23:41

Puedes poner una un div con posicion relative, dentro de ese div pones la imagen y abajo de la imagen otro div con posicion absoluta que es la que contendra el texto que estara encima de la imagen.

 

html

 

Cita:

 

<div class=''wrapper-images'>

<img width='250px' heigth='250px' src='tu-rura-img.jpg'/>

<div class='texto'> Un texto aqui</div>

</div>

 

 

 

css

 

Cita:

 

.wrapper-images {

position: relative;

}

.texto {

backgorund: #000;

color: #fff;

heigth: 50px;

width: 100%;

position:absoluta;

bottom:0px;

}

 

 


Angelito_089
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 2
Desde: 14/Sep/2011
·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML avanzado
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 15:34 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: LaserXX · 14/May/2012, 19:15
415/May/2012, 12:47
Invitad@ Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: deckerix · 30/Oct/2004, 20:41
231/Oct/2004, 09:16
Invitad@ Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: Teresarp · 14/Sep/2012, 14:24
0Hoy, 01:00
Invitad@ Ir al último mensaje del tema