2013/Tareas/Terminar la Plantilla:Columnas

De Hackmeeting

(Diferencias entre revisiones)
(Página nueva: {{Tarea pendiente |Título=Terminar la Plantilla:Columnas |Comisión=Web |Resumen=Es un intento de columnas "dinámicas" con CSS (sin hardcodear, por así decirlo, separando contenido...)
m
Línea 9: Línea 9:
|Dinamizadora=d1d4c
|Dinamizadora=d1d4c
}}
}}
 +
 +
 +
==Más cositas==
 +
Aquí la página de pruebas:
 +
*[[Relacionado con::Test]]
 +
 +
De momento estoy viendo como queda en la página [[Test]], probando con esto:
 +
<pre>
 +
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;
 +
}
 +
</pre>

Revisión de 18:40 1 oct 2013

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: Web
Prioridad: Baja
Estado de la tarea: Estamos en ello

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