2013/Tareas/Terminar la Plantilla:Columnas

De Hackmeeting

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.


Es una tarea del Grupo Web, con prioridad Baja. Dinamizado por d1d4c. Esta marcada como "Estamos en ello".


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