2013/Tareas/Terminar la Plantilla:Columnas

De Hackmeeting

Revisión a fecha de 19:08 25 oct 2013; D1d4c (Discutir | contribuciones)
(dif) ← Revisión anterior | Ver revisión actual (dif) | Revisión siguiente → (dif)

añadir una tarea nueva # ver tareas pendientes # discusión de esta tarea # editar el formulario

Terminar la Plantilla:Columnas

Es un intento de columnas "dinámicas" con CSS (sin hardcodear, por así decirlo, separando contenidos de estilos). Se trata de repartir una lista en 1, 2, 3, 4 o 5 columnas (dependiendo los parámetros que se le pase a la plantilla, es decir, un parámetro por columna), de manera que si se redimensiona la ventana, cuando no quepan n columnas, pasen a ser n-1 columnas (siempre que n-1 sea mayor que 0), colocándose el contenido de ésta en la cola de la anterior y equilibrándose aquella con el resto de columnas. De momento intento hacerlo sin recurrir a Media Queries.

Aquí la Plantilla:Columnas, y aquí el MediaWiki:Hmufo.css y la tarea relacionada: 2013/Tareas/Corregir fallos de la skin HmUfo.


Comisión: Wiki
Prioridad: Baja
Estado de la tarea: Aparcado

Dinamizado por d1d4c

Más cositas

Aquí la página de pruebas:

De momento estoy viendo como queda en la página Test, probando con esto:

div.columnas {
  float: left;
  width: 20em;
}
/* anular el float después de las listas */
br
{
  clear: left;
}

div.columnas > ol > li {
  display: block;
  width: 20em;
  text-decoration: none;
}
Herramientas personales
wiki-navigation
project-navigation