Código fuente para la parte 2

Si ya hemos solucionado la lección 1, ya existe el contenedos menu. En caso contrario, debe crearse en este punto. Este contendor se llama ahora menu2 y lo posicionamos de la siguiente manera:


<div id="menu2">
<p><a href="xx.html">Link 1</a><br />
<a href="xx.html">Link 2</a><br />
<a href="xx.html">Link 3</a><br />
<a href="xx.html">Link 4</a><br />
<a href="xx.html">Link 5</a><br /></p>
</div>

Las correspondientes instrucciones de la hoja de estilo:

#menu2 {
float: right;
width: 150px;
background: #fc9;
overflow: visible;
padding:5px 2px 5px 10px;
margin: 7px 1px 5px 20px;
border-left: 1px solid #369;
border-bottom: 1px solid #369;
}


Código fuente para solucionar la parte 2

#menu21 {
float: left;
width: 150px;
background: #fc9;
overflow: visible;
padding:5px 2px 5px 10px;
margin: 7px 20px 5px 1px;
border-right: 1px solid #369;
border-bottom: 1px solid #369;
}

Inicio de página | Volver a la parte 2

Índice Capítulo 4 | Contenido material adicional