elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Los 10 CVE más críticos (peligrosos) de 2020


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Alinear 3 imágenes en una línea con texto abajo? css
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Alinear 3 imágenes en una línea con texto abajo? css  (Leído 3,939 veces)
andrecid

Desconectado Desconectado

Mensajes: 126


Haz lo que quieras, por que nadie te puede obligar


Ver Perfil
Alinear 3 imágenes en una línea con texto abajo? css
« en: 7 Enero 2016, 15:05 pm »

Hola tengo una duda y no la encuentro en internet.

La cosa es :

Tengo 3 imágenes en una misma línea, pero cuando escribo texto, este no se me pone debajo de cada imagen.

Lo que quiero es algo así:

Imagen          Imagen      Imagen

Texto            Texto         Texto

Código:
.imagen
{
  margin: .5em;
  margin-left: 5em;
  float:left;
  cursor:pointer;
  padding:1%;
  height:30%;
 
}

Este código le tengo en las 3 imágenes.Así se me queda Alineado.

Alguien me puede ayudar?


En línea

xiruko


Desconectado Desconectado

Mensajes: 438


Ver Perfil
Re: Alinear 3 imágenes en una línea con texto abajo? css
« Respuesta #1 en: 9 Enero 2016, 03:17 am »

Lo que debería flotar no es la imagen sino el contenedor de cada de esos elementos, donde cada elemento sería una imagen+texto. Por ejemplo:

Código
  1. <div class="container">
  2.   <img src="...">
  3.   <span>Algún texto...</span>
  4. </div>

Código
  1. div.container {
  2.   float: left;
  3.   ...
  4. }

Saludos!


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Alinear NUEVOS iconos del escritorio a la derecha o abajo a la izquierda?
Windows
SuperDraco 3 7,250 Último mensaje 5 Junio 2011, 16:25 pm
por Randomize
alinear texto
Programación C/C++
m@o_614 8 7,736 Último mensaje 10 Febrero 2013, 20:20 pm
por do-while
Alinear texto (Solucionado) « 1 2 »
Programación C/C++
nolasco281 11 8,045 Último mensaje 26 Marzo 2014, 17:46 pm
por leosansan
Alinear texto a la derecha
Programación C/C++
Sothu 4 3,376 Último mensaje 12 Diciembre 2015, 19:38 pm
por fary
[Resuelto] Alinear texto dentro de imagen (IE)
Desarrollo Web
.:UND3R:. 1 2,944 Último mensaje 8 Febrero 2016, 21:25 pm
por karmany
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines