Posts Tagged ‘layout’
Compass (IV): 100% height using 960.gs grid [SOLVED]
Ayer os comenté la forma de conseguir un sticky footer usando el grid 960.gs en Compass Sin embargo el ejemplo de ayer no completaba la altura del div de contenido (#content) hasta el footer: El ejemplo de hoy es muy similar, pero el contenido se extiende hasta alcanzar el footer (height 100% del elemento contenedor): [...]
Compass (II): Grid de 24 columnas listo para trabajar
Como ya vimos en la primera parte del tutorial de Compass este sistema facilita muchísimo la escritura, legibilidad y jerarquización de CSS. Los ejemplos de la primera parte del tutorial eran simplemente para entender los mecanismos de Compass+SASS. En esta segunda parte vamos a desarrollar un ejemplo más útil, que servirá para comenzar a diseñar [...]
Compass (I): instalación, primeros pasos y ejemplos básicos
Si diseñas webs a menudo puede que estés cansado de estar haciendo tú mismo los CSS’s (y los cálculos que esto conlleva). Hay sistemas, como 960 grid que ayudan (y mucho) a construir grids sobre un contenedor de 960 px. ¿Por qué 960px? Porque es un número fácilmente divisible (resto entero entre dos, tres, cuatro, [...]
Layout example: div izquierdo con anchura fija y div derecho con anchura variable (autoajustable al contenido)
El otro día me preguntaban cómo hacer un layout de este tipo, de dos columnas, en el que la zona izquierda tenga un ancho fijo (para albergar, por ejemplo, una imagen) y la de la derecha se ajuste al 100% del ancho de la pantalla. Pues se hace asi: <html> <head> <style> * { margin:0; [...]
CSS Layout examples
Usually I find myself answering to questions like “how do I set up a two column layout with fixed/fluid width?” and so on. Well, for all of you who have issues with layouts, take a look at dynamicdrive.com. For instance, here you can find several CSS configurations for two column layouts”.
Joomla plugin and templating: how to know if you are in the frontpage
There are many situations in which a joomla developer needs to know if the code is being shown / executed in the main page. This is, the “context” in which the code is executed. For instance, if you want to use a different template for the frontpage and another for other visualizations (custom frontpage). Or [...]