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

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 Web, 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