Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » CSS » AGREGAR TEXTO SOBRE IMAGENES

CSS - AGREGAR TEXTO SOBRE IMAGENES

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Orlando
Val: 6
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

AGREGAR TEXTO SOBRE IMAGENES

Publicado por Orlando (8 intervenciones) el 18/12/2015 15:49:16
Muy buen día.

Resulta que quiero agregar texto sobre las imágenes que tengo como pagina en la sección, anexo un ejemplo.

Muchas gracias de antemano.



letra-sobre-imagenes
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil

AGREGAR TEXTO SOBRE IMAGENES

Publicado por Edson Jair (2 intervenciones) el 10/06/2016 02:37:40
Hola,
lo primero que podrias hacer es crear tu codigo HTML, generando un contenedor div asignandole una clase, despues colocar la imagen, una etiqueta h2 para el texto, y un span para darle formato o alinearlo.
1
2
3
4
5
6
<div class="image">
 
<img src="images/miejemplo.gif" alt="Mi titulo de la imagen">
 
 <h2><span>Floto encima de la imagen:<span>&nbsp;</span><br><span>&nbsp;</span>Soy un fantasma</span></h2>
</div>

Despues crear un css con referencia a la clase, usaremos una posicion relativa y para la posicion del encabezado sera absoluta

1
2
3
4
5
6
7
8
9
10
11
.image {
position: relative;
width: 100%;
}
 
h2 {
position: absolute;
top: 200px;
left: 0;
width: 100%;
}

en el css puedes añadir algun tipo de efecto o transparencia.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar