Pie fijo: pie_de_pagina

9 views
Skip to first unread message

Ferran Quer i Guerrero

unread,
Jan 22, 2011, 12:40:23 PM1/22/11
to learn-ex...@googlegroups.com
Como te dije hace tiempo, estoy trabajando de becario en la facultad, para hacer mantenimiento de los contenidos del web. Durante este tiempo he aprendido algo de html (tablas, listas, divisiones, estilos...) y creo que estoy preparado para intentar entender el diseño de learn.experiment. A partir del día 24 moléstame tanto como puedas y me pondré las pilas también con los contenidos :) (termino exámenes y tengo vacaciones hasta casi todo el febrero)

Bien, resulta que he encontrado cómo arreglar esto del "pie flotante". La terminología en inglés de "pie fijo" es "sticky footer", por si quieres buscarlo por tú mismo. Básicamente juegan separando el div pie del de contenido general. Es decir, tienen que ser "hermanos". A partir de aquí he encontrado varias soluciones de elegancia variada:

La más simple:

.pie_de_pagina{
    margin-top:3em;
    border-top:1px solid #15A4D0;
    padding-top:1em;
    text-align:center;
    clear:both;
    position: absolute;
    bottom: 0;
}

Hay otros requisitos para que funcione, te enlazo con la fuente en castellano o a la original en inglés, a la que redirecciona la primera.

La más super-moderna-reglamentaria

Saludos!
Ferran

PD: Hoy he descubierto que tenía este correo en borradores desde el martes, y no te lo había enviado aún. No es importante, sólo por si te había hecho alguna referencia.

Jaime García Marsá

unread,
Jan 24, 2011, 2:25:40 AM1/24/11
to learn-ex...@googlegroups.com
Hola Ferran, según las previsiones pondré esto en práctica en cuatro días, siendo incluir las pronunciaciones para más idiomas la tarea para dentro de un par de días.

Por cierto, si te ves con fuerzas puedo ir preparando una versión de learnexperiment para que pruebes a instalarla en local. No se trata de que tengas que hacer nada después, sino que además de poner el código fuente disponible dejaré un "manual de instalación", y lo interesante es que tu compruebes si es práctico dicho manual, o que lo corrijamos para que cualquiera sepa como instalar la aplicación. Es algo que hay que tener listo de cara a buscar más programadores.

Un saludo:

Jaime

Ferran Quer i Guerrero

unread,
Jan 24, 2011, 9:37:00 AM1/24/11
to learn-ex...@googlegroups.com
Ok, el apache lo tengo instalado, igual que el php.
Cuando lo cuelgues lo probaré.

Saludos!
Ferran

2011/1/24 Jaime García Marsá <ja...@legendarya.com>

Jaime García Marsá

unread,
Jan 25, 2011, 2:42:28 PM1/25/11
to learn-ex...@googlegroups.com
Hola Ferran, ya tienes el código en: http://www.learnexperiment.com/utilidades/programacion. Está junto con una guía que creó hace tiempo un compañero. Ni la he mirado, ya que prefiero que seas tu el que me diga como habría que rectificarla desde tu punto de vista de "nuevo usuario".

He visto también que habías agregado una noticia. Dado que con tres noticias en portada salía mal, he reducido el número de noticias disponibles en portada a tan solo dos. Hay otras opciones, pero era por dejarlo bien por ahora.

Por cierto, por segundo día consecutivo hemos superado el límite de reproducciones en Forvo. Me pondré en contacto con ellos para ver como solucionarlo, pero significa al menos que tenemos más movimiento de lo habitual.

Una cosa más, hay que ir internacionalizando la página: http://www.drumbeat.org/ Este es un proyecto de la fundación mozilla (los de firefox) para el desarrollo de proyectos. Por ahora la página es muy básica (les falta hasta buscador), pero muestra proyectos interesantes y probablemente sea el lugar ideal para encontrar colaboradores. Incluso ya hay algún proyecto de aprendizaje que podría ser complementario al nuestro.

Pero antes de internacional quisiera que me aclarases tu idea del wiki, entiendo que no necesitaríamos un wiki propiamente dicho, sino un sistema de artículos jerárquicos en donde haya unos responsables, que haya (eso si) control de versiones, y que se puedan introducir contenidos como los de un curso cualquiera de los que hay por la web ¿no? ¿cual es tu idea?

Un saludo:

Jaime

Ferran Quer i Guerrero

unread,
Feb 16, 2011, 2:56:42 PM2/16/11
to learn-ex...@googlegroups.com, Jaime García Marsá
Buenas Jaime,
He estado haciendo un cursillo de robótica y me ha quitado más tiempo de lo que me había propuesto.
Empezaré por colgar (o mandarte antes si quieres) una versión revisada del artículo de hiragana. Leyendo el que colgaste, pensé que sería bueno partirlo en más artículos. Por ejemplo: hiragana: intro, hiragana: lectura y uso, hiragana: historia

Podríamos hacerlo así, o "subyugar" los dos artículos al primero. Podría ser algo así como un artículo rápido, con pinceladas de todos los artículos del mismo tema.
Además, se podría crear dinámicamente y que contuviera el índice y el primer párrafo de los artículos hijos, junto a unos comentarios o "texto conjuntivo" introducidos manualmente.

Pienso cumplir un horario riguroso este quatrimestre, y me reservaré una o dos horas muertas a la semana para ir corrigiendo los textos.

Salud!
Ferran

2011/1/25 Jaime García Marsá <ja...@legendarya.com>

Ferran Quer i Guerrero

unread,
Feb 16, 2011, 3:06:40 PM2/16/11
to learn-ex...@googlegroups.com
Ahora que me acuerdo, quería comentarte algo sobre el pie de página. Esto de las estadísticas es una buena idea, aunque tendrás que revisar el margen inferior del contenido, ya que por ejemplo en alemán, no respeta la raya.

Pero hace más tiempo, quería comentarte que hay algo que falla en el pie. Alguna altura debe de estar mal definida, ya que si agrando mucho la pantalla la barra de desplazamiento debería desaparecer, pero no lo hace. Parece de la medida de la imagen naranja-azul de cabecera, aunque bien podría ser que faltaba restar por algún lado una o dos M del pie. Suerte ;)

2011/2/16 Ferran Quer i Guerrero <ferra...@gmail.com>

Ferran Quer i Guerrero

unread,
May 3, 2011, 7:57:49 PM5/3/11
to learn-ex...@googlegroups.com
Estaba releyendo correos, cuando he descubierto que arreglaste la altura relativa del pie, pero no el solapamiento con la barra de foro :S
En alemán
sigue pasando.
Salud!
Reply all
Reply to author
Forward
0 new messages