2013/Tareas/Terminar la Plantilla:Columnas

De Hackmeeting

(Diferencias entre revisiones)
m
Línea 1: Línea 1:
{{Tarea pendiente
{{Tarea pendiente
|Título=Terminar la Plantilla:Columnas
|Título=Terminar la Plantilla:Columnas
-
|Comisión=Web
+
|Comisión=Wiki
|Resumen=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.
|Resumen=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.
Línea 9: Línea 9:
|Dinamizadora=d1d4c
|Dinamizadora=d1d4c
}}
}}
-
 
-
 
==Más cositas==
==Más cositas==
Aquí la página de pruebas:
Aquí la página de pruebas:

Revisión de 07:09 9 oct 2013

discusión de esta tarea # editar con 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 Wiki, con prioridad Baja, en la que se está trabajando.

Dinamizada 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