La solución definitiva al problema de los float que desbordan su contenedor.
Muchos de vosotros conoceréis este probelema y las viejas soluciones, como añadir un elemento con clear: both o aplicar un attributo overflow, y habréis sufrido la contrariedad del primero y las inconsistencias del segundo.
Crear una estructura de columnas con css y html sin usar tablas Desde que comencé en este mundo del marcado con etiquetas de hipertexto, muchas veces tuve la necesidad de construir una estructura de 2 o 3 columnas. El problema llegó cuando me inicié en estructuras semánticas y vi que quizás el uso de tablas no era el más propicio puesto que me restaba flexibilidad estilística y accesibilidad. Fue entonces cuando comencé a buscar soluciones ajenas sin encontrar ninguna que me satisficiera y no pude evitar embarcarme en la búsqueda de las mías propias.
Lo primero que hice fue plantear la estructura e intentar partir de la solución parcial que todos usábamos ya para construir columnas. Tenemos una caja principal con dos elementos embebidos que queremos se comporten como columnas…
crosbrowsing fase inicial
Siempre me encantó esa parte de la película “Airbag” donde “Pazos” (Manuel Manquiña) y “Fátima” (María de Medéiros) discuten a cerca de “el concepto”. Bien yo espero dejarlo algo más claro que “Pazos” en cuanto a la semántica web.
Ya vimos que la estructura nos proporcionaba una base sólida, flexible y liviana para diseñar nuestras páginas. Mediante metáforas intenté explicar ese concepto que es generar “código estructural“. En resumidas cuentas no es más que una idea, un método de trabajo. Estructuramos nuestos contenidos mediante marcado puro, no contaminado por estilos. Read More
Seguramente muchos ya habréis oído hablar de estos términos, pero si habéis llegado hasta aquí quizás estéis buscando respuestas a cómo construir una buena estructura HTML, o lo que es lo mismo, escribir código estructural. Para ello, si no os importa usaré el símil del ingeniero y el escultor e intentar así definir la idea de estructura.
Pensemos en el escultor, concentrado en la forma, en la belleza, en los detalles de su magnífica obra de 30MB de peso, orgulloso de su creación, una creación que nunca podrá sacar del taller porque no le cabe por la puerta. Bien, pues no pensemos más en ello, porque es una imagen bastante deprimente, pensemos cómo evitar eso. Read More
Pues tras mucho tiempo de pretender, divagar, soñar y platicar… por fin he decidido pasar del dicho al hecho a pesar de haber mucho trecho. Y como no quiero poner por escusa que si no tiene diseño, que si es muy triste que un profesional del medio saque un WP sin siquiera skinearlo mínimamente, que si tal y cual… pues nada, al ajo.
Si os parece para no daros la brasa ya desde el primer día con teorías y buenas prácticas del diseño web con estándares os contaré alguna chorrada. Por ejemplo que el nombre de esta web no es porque sí, ni tampoco una fanfarronada del autor ( yo en este caso ), sino que tiene su pequeña anécdota y sobre todo que está dedicado a la persona que me enseñó mis primeros tags html… Read More
Subscribe to feed