Columna izquierda

Esta es una página con tres columnas. Aquí, en la izquierda, se puede poner el menú, listas, algo que queramos destacar, una imagen, etc.

Puedes ver el código HTML seleccionando Ver código fuente de la página en el navegador.

Puedes ver la hoja de estilos (CSS) pinchando aquí.

abs

Encabezados destacados

Esta es la columna del medio, que he hecho un poco más grande que las dos laterales. Aquí se puede poner la información principal, fotografías vídeos, etc.

Como en los otros ejemplos, he creado un contenedor general (contenedor) y tres que van dentro de éste: cabecera, centro y pie.
La cabecera y el pie, igual que en los otros ejemplos.
Para colocar dentro de #centro, he creado tres contenedores con Id, porque cada uno de ellos es único: #izG, #medG y #deG.
He creado la clase .txt para cada uno de ellos, con sus especificaciones correspondientes, como podéis ver en la Hoja de Estilos.

El menú va dentro de la cabecera y podéis ver su Hoja de Estilos comentada en la sección "menús desplegables".

Hasta aquí, los ejemplos de páginas. Espero que te sirvan. Si tienes alguna duda puedes contactar conmigo aquí

Columna derecha

Esta es la columna derecha, en la que se puede poner la publicidad, los enlaces, etc.

chica css ps diseño

He creado, para aplicar dentro de #deG, una clase, .imagen, en la que colocar las imágenes. Y he creado también .imagen img para darle un estilo a las imágenes.

Espacio web desarrollado por Antonio Payán

© 2010 antonio payán

Free Web Hosting