Archivos de la categoría ‘Layout’
Position: absolute
Dejar un comentarioHoy vimos otra forma de diagramar bloques usando una combinación de elementos con el atributo position en absolute y relative.
Para una descripción más completa de la técnica y código de ejemplo, pueden ver éste artículo en mi blog.
Los archivos para los ejercicios hechos en clase están en Uniweb.
Columnas 2
Dejar un comentarioEn la clase de hoy seguimos desarrollando un layout a dos columnas usando el atributo “float”.
#mi_columna {
float:left;
}
Además vimos el uso de la clase clearfix para corregir un error común en el uso de “float”.
El zip con los archivos lo encuentran en la carpeta “material_clases”, en los archivos del curso en eCampus.
Revisen el código del ejemplo, acumulen dudas y preguntas.
Próxima clase: manejo de imágenes en CSS, sobre el layout que ya tenemos. Trabajaremos sobre un PSD que usaremos de modelo para replicar con CSS.
Lectura sugerida (me permito linkear a mi propio sitio, por comodidad 
):
- Columnas CSS: Floats (EstadoBeta).
- CSS: dónde van las imágenes? (EstadoBeta).
Recuerden dejar sus preguntas en los comentarios.
Columnas 1
Dejar un comentarioEn esta clase hicimos una introducción a la diagramación con CSS.
Contenidos
Links relacionados
En este artículo explico cómo usar DIVs junto con al atributo float para diagramar columnas.
Clase CSS “Clearfix”, usada para solucionar contenedores que colapsan cuando su contenido son floats. La clase original la encuentran en PositionIsEverything. Explicación en español en CSSLab.
