Hoja html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
cabecera</p></div>
<div id="subcabecera">
subcabecera</p></div>
<div id="contenido">
<h1>Bienvenido/a a la página tus tutoriales</h1>
Contenido este es el contenido aquí ira una descripción de los contenidos que te vas a encontrar en la web</p>
En esta pagina vas a encontrar programas recomendados para distintas funciones con sus respectivos tutoriales para comprender como se usan y dónde estan las funciones en el programa</p>
</div>
<div id="navegacion-derecha">
navegacion der</p></div>
<div id="navegacion-izquierda">
navegacion izq</p></div>
<div id="subpie">
subpie</p></div>
<div id="pie">
pie</p></div>
</div id="global">
</body>
</html>
Hoja de estilos:
body {background-color: #AFEEEE ; text-align: center}
h1 {font-size: 16px ; color: #FF4500 ; text-decoration: underline}
h2 {font-size: 16px ; color: Yellow}
#cabecera{background-color: #4169E1}
#subcabecera{background-color: white}
#contenido{background-color: white ; width: 648px}
#contenido p {color: black}
#navegacion-derecha{background-color: #E0FFFF ;float: right; width: 150px; height: 100px}
#navegacion-derecha p{color: #FF4500}
#navegacion-izquierda{background-color: #E0FFFF; float: left; width: 150px; height: 100px}
#navegacion-izquierda p{color: #FF4500}
#subpie{background-color: white}
#pie{background-color: #4169E1}
#global{width: 950px; margin: auto }
Espero que me puedan ayudar a subir los menus laterales y quitar los espacios que hay entre las capas.
