Avatar Image
Usuario Novato
Usuario Novato

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  

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Hazlo con Photoshop, será más rápido

Avatar Image
@man / @woman
@man / @woman
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.
Avatar Image
Usuario Novato
Usuario Novato
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  
Avatar Image
Usuario Novato
Usuario Novato

ah! otra cosa perdón por haberme equivocado de foro era n el de diseño  creo que me distraje cuando lo escribí  

Avatar Image
@man / @woman
@man / @woman
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.

Avatar Image
Usuario Novato
Usuario Novato

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

Avatar Image
Usuario Novato
Usuario Novato

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

gmffs
Usuario Novato
Usuario Novato

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?

Avatar Image
@man / @woman
@man / @woman

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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

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

El HTML seria:

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

El código CSS:

.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.

fb@751597688
Usuario Novato
Usuario Novato

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.

<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>
Angelito_089
Usuario Novato
Usuario Novato

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;

}

TheWiseUnlock
Usuario Novato
Usuario Novato
Escrito originalmente por @Angelito_089

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:

 :da):da):da)

<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;

}

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
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 14/Sep/2012, 14:24
Teresarp02kSep/12
Por: , el 14/May/2012, 19:15
LaserXX NoSetup.org44kMay/12
Por: , el 30/Oct/2004, 20:41
deckerix RompeRatones25kOct/04