Cómo colocar en DIVs encima de la otra

El contenedor DIV etiqueta HTML le permite crear un diseño y posición de elementos en su página web. Utilice la propiedad de posición para colocar el DIV en una ubicación específica. Cuando tiene varios DIVs lado de la otra, utilice la propiedad posición absoluta de apilar las etiquetas en la parte superior de uno al otro.

Instrucciones

1 Haga clic en el archivo HTML que desea editar y seleccione "Abrir con". Haga clic en el editor de HTML que se utiliza para crear las páginas en la lista de la ventana emergente de los programas.

2 Crear la clase CSS que posiciona los DIVs. El código siguiente crea una clase llamada "pila" que contiene la propiedad de posicionamiento:

<Style type = "text / css">

apilar

{

position: absolute;

}

</ Style>

3 Localizar los DIVs que desea posicionar en el código y añadir una propiedad de clase. Por ejemplo, las siguientes dos etiquetas DIV se apilan una encima de la otra, ya que utilizan la clase creada en el Paso 2:

<Div class = "pila">

<Div class = "pila"> contenido va aquí </ div>

</ Div>

Consejos y advertencias

• Después de crear los cambios en el código, debe cargar la nueva página HTML a su servidor de alojamiento web.