Floatutorial
Un impresionante tutorial que nos va enseñando paso a paso como posicionar elementos HTML con float y clear. Nos enseña con ejemplos:
- Información general, definición de conceptos, explicación de float y clear.
- Posicionamiento de una imagen a la derecha, añadiéndole márgenes y bordes.
- Posicionamiento de la imagen y su pie de foto, aplicando bordes.
- Crear thumbnails.
- Usar listas de elementos para crear botones “Anterior” – “Siguiente”.
- Usar listas de elementos para crear pestañas.
- Crear efecto de letra inicial de párrafo de tamaño superior al resto.
- Estilo de dos columnas.
- Estilo de tres columnas.
VÃa / Dzone