Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Filas de div´s

Estas en el tema de Filas de div´s en el foro de CSS en Foros del Web. Hola soy nuevo y tengo un problema con mi página web. El caso es que estoy aprendiendo html construyendo mi propia web y he llegado ...
  #1 (permalink)  
Antiguo 18/08/2013, 07:09
Avatar de Bluesfera  
Fecha de Ingreso: agosto-2013
Ubicación: Saturno
Mensajes: 3
Antigüedad: 10 años, 8 meses
Puntos: 0
Filas de div´s

Hola soy nuevo y tengo un problema con mi página web.

El caso es que estoy aprendiendo html construyendo mi propia web y he llegado a un punto muerto. Quiero hacer filas de 4 imágenes cada una (cada imagen diferente) y todas centradas; pero sólo consigo que todos o vayan a la izquierda o la derecha dependiendo del float que ponga. Las he intentado poner en un div con tamaño calculado para que sólo pudiesen colocarse 4 imagenes por fila; también he probado a ponerle overflow para que no salgan del marco, pero no consigo centrarlas. Esto es lo que quiero:



Las zonas oscuras es para destacar los div, por un lado el que contiene la barra de navegación con el título de la sección (trabajos en este caso), y otro con todas las imágenes que llevarían a una ficha del correspondiente trabajo.

La parte de arriba se centra sin problemas, lo que pasa es que las imagenes no se centran, siempre se juntan en el lado derecho, da igual lo que haga o como las ponga:



¿Cómo creeis que tendría que ordenar el contenido, o cómo colocar los div (o cuántos colocar) para que quedasen bien y centrados?

P.D: Trabajo con un documento html y una hoja de estilos por separado, lo digo por si es importante.
  #2 (permalink)  
Antiguo 18/08/2013, 13:05
Avatar de Bluesfera  
Fecha de Ingreso: agosto-2013
Ubicación: Saturno
Mensajes: 3
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Filas de div´s

Perdón, pero no sé si lo he puesto en la sección correcta (empiezo a dudar la verdad xD)
  #3 (permalink)  
Antiguo 18/08/2013, 14:14
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Filas de div´s

Bienvenido al foro.

Cita:
Iniciado por Bluesfera Ver Mensaje
Perdón, pero no sé si lo he puesto en la sección correcta (empiezo a dudar la verdad xD)
Queda movida al foro de CSS. Aquí queda mejor.

El problema es que los elementos flotados no pueden centrarse. Lo que podrías hacer, es ponerlos como elementos en linea de bloque, así puedes centrarlos como si fuese texto, estarían uno al lado de otro, y podrías seguir tratándolos como elementos de bloque.

Quitas el float, y añades:

Código CSS:
Ver original
  1. div.imagen {
  2.   display: inline-block;
  3. }

Y luego al elemento que contiene esos div:

Código CSS:
Ver original
  1. div#imagenes {
  2.   text-align: center;
  3. }
  #4 (permalink)  
Antiguo 18/08/2013, 15:50
Avatar de Bluesfera  
Fecha de Ingreso: agosto-2013
Ubicación: Saturno
Mensajes: 3
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Filas de div´s

Muchas gracias, tanto por la contestación como por redirigir el tema.

Lo he probado y me ha funcionado, muchas gracias.

Etiquetas: contenido, filas, html, imagenes, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:33.