Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/01/2014, 11:49
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Responsive a 3 imagenes en linea dentro de un div

¿El números de imágenes a mostrar es variable?

Cita:
Iniciado por Pelipe Ver Mensaje
Esta seria para una imagen adaptable y para que se mantengan las 3 imagenes creas columnas con porcentajes de: width: 33,33333333333334%;
Código CSS:
Ver original
  1. .imagen-adaptable {
  2.   display: block;
  3.   height: auto;
  4.   max-width: 100%;
  5. }
En realidad sobran dos reglas, valdría con:

Código CSS:
Ver original
  1. .imagen_adaptable {
  2.   width: 100%;
  3. }

Ya que la altura por defecto es auto en todos los elementos y no hace falta que sea un elemento de bloque. Además, con especificar que el ancho sea de 100%, ya es suficiente. Si necesita que se adapte, no tiene sentido poner un ancho máximo y obviar el ancho.