Artículo - Web con frames mediante PHP -

Web con frames mediante PHP

Estilos CSS para implementar frames

5 - Propiedades que necesitamos de los estilos CSS:

Tal como hemos dicho, vamos a usar algunas de las propiedades de los estilos CSS para maquetar las páginas que acabamos de montar.

Las propiedades que vamos a utilizar van a ser las siguientes:

position
margin
float

Vamos a definir brevemente para que sirve cada una de las propiedades, así posteriormente se comprenderá mejor el uso de ellas en cada uno de los frames.

Position: Especifica la colocación de un objeto en la pantalla. Tiene tres atributos:

static: Colocación predefinida por el navegador. Cada objeto se coloca según el flujo de datos del HTML.

absolute: Permite colocar un objeto en cualquier parte de la página, abstraiéndola del flujo de datos del HTML. Los demás elementos podrán superponerse encima o debajo de la capa definida como absolute.

relative: No rompe el flujo de datos, sinó que posiciona los elementos a la derecha o a la izquierda de los elementos que la preceden (si éstos estan colocados a través de las propiedades left y right).

Margin: Especifica el márgen externo del box (o elemento que estamos definiendo). Sus atributos són los siguientes: margin-top, margin-right, margin-bottom y margin-left, no los comentaremos por abvios.

Float: Mediante la propiedad float sacaremos un objeto del flujo de datos, posicionándolo a derecha o izquierda de otros elementos adyacentes. Sus atributos són: right, left,y none.

left: Mediante este valor conseguiremos que la capa flote a la izquierda de los elementos adyacentes.

right: La capa se va a posicionar a la derecha de los elementos adyacentes.

Una vez comentadas las propiedades que vamos a utilizar, pasaremos a proporcionar un ejemplo de la utilización de los estilos descritos para ubicar los frames en la pantalla.

Autor: Issel Guberna

<< | < | 1 | 2 | 3 | 4 | 5 | > | >>

Si no has tenido suerte utiliza este buscador:

Si el enlace no funciona haz click aquí

Recomendaciones