Bien, después de crear las páginas y modificar el menú lateral, todo queda bien salvo un pequeño margen blanco sobre el mismo, supongo que será alguna tontada de margenes o padding-top o algo así, el caso es que no doy con la tecla.
Este es el código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>Conciertos</title>
</head>
<body>
<div id="global">
<!-- INICIO CÓDIGO CABECERA. NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
<img src="../objetos/logotipo.gif" width="270" height="80" alt="Haz click aquí para volver a inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="../index.html"> Portada</a></li><li><a href="../historia/historia.html"> Historia</a></li><li><a href="../discografia/discografia.html"> Discografía</a></li><li><a href="../conciertos/conciertos.html"> Conciertos</a></li><li><a href="../descargas/descargas.html"> Descargas</a></li><li><a href="../foro/foro.html"> Foro</a></li><li><a href="../souvenirs/souvenirs.html"> Souvenirs</a></li></ul>
</div>
<!-- FIN CÓDIGO CABECERA -->
<div id="contenido">
<!-- INICIO DE CODIGO LATERAL IZQUIERDO. NO TOCAR -->
<div id="menu">
<ul>
<h1> Título de sección</h1><li><a href="#"> Enlace 1</a></li><li><a href="#"> Enlace 2</a></li><li><a href="#"> Enlace 3</a></li><li><a href="#"> Enlace 4</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Conciertos</h1>
<p>La banda nació en 1982, cuando tras ver por la teraesent a nulla et ipsum rhoncus ultricies a non enim. Sed eget dignissim sapien.
Fusce a pretium odio, vel interdum nisl. Mauris fermentum adipiscing mauris ut aliquet. Donec iaculis dictum diam, sed euismod dolor lacinia in. Curabitur varius lorem sed risus rhoncus tincidunt. Curabitur malesuada posuere nulla et faucibus. Aenean nec orci egestas, convallis enim vitae, elementum urna. Fusce at sem quis libero lacinia imperdiet quis nec lectus. Nulla rutrum lacinia accumsan. Integer ante eros, mollis sed libero porttitor, placerat accumsan sem. Vestibulum id risus aliquam, tristique ante in, congue erat. Duis cursus dictum blandit. Cras et orci tincidunt, ultrices nulla sed, euismod arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. le un concierto de Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras</p>
<h2>Aquí voy a poner esto</h2><p> Y aquín unos lore ipsum que vienen muy bien para relleno voy a necesitar más rellenopara comprobar si sale bien
Nunc sem magna, varius nec condimentum ac, fermentum a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed mi nulla, ultrices ut bibendum sed, semper et est. Fusce posuere quis eros ut malesuada. Ut placerat rutrum mauris sit amet euismod. Suspendisse in rutrum ipsum. Aliquam molestie ornare mi, id elementum turpis. Etiam vulputate dolor non convallis aliquam. Curabitur et ipsum eget purus vehicula lacinia non consectetur erat. Nunc eget nulla tincidunt, tempor tellus at, posuere purus. </p>
</div>
<!-- INICIO CÓDIGO PIE DE PÁGINA. NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos"> Pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>
<!-- FIN CÓDIGO PIE DE PÁGINA -->
<div id="curva-inferior"></d>
</div>
</body>
</html>
Y ESTA LA CSS
*{text-indent:0px; margin:0px; padding:0px; border:0px;}
body {text-align:center;}
p{text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#cabecera {background-color:white; border-left:black 1px solid;border-right:black 1px solid; height:85px;}
#logotipo {width:280px; float:left;}
#publicidad {width:518px;float:right;margin-top:25px;}
#navegacion{background-color:grey; border:black 1px solid; height:20px;}
#navegacion ul {margin-left:60px;}
#navegacion li {float:left; list-style:none;margin: 0px 20px 0px 20px;}
#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px;}
#menu {width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior.gif); background-position:bottom; padding-top:12px; padding-bottom:5px;}
#menu h1 {text-decoration:none; font-size:12px; background-image:url(objetos/menu-parte-superior.gif);}
#menu li{list-style:none; margin:4px 8px 4px 6px;}
#pie {background-color:white; border-up:black 1px solid; border-right:black 1px solid; border-left:black 1px solid; height:65px;}
#pie li {list-style:none; font-size:12px;}
#pieuno {background-color:white; float:left; width:150px; }
#piedos {float:left; width:498px;}
#pietres {background-color:white; float:left; width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat: no-repeat ;width:800px ;height: 12px; overflow: hidden;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; font-size:1.2em; text-decoration:underline; background-color:silver;}
a.active {}
#pie a {color: blue; text-decoration:none ; display: block; }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color:white; }
#pie a:active {color:black;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white;}
#logotipo a:active {}
He repasado y creo que está todo como en los ejemplos, de los que he procurado no salirme para evitar estas cosas, peeero.
A ver si sois capaces de arrojarme un poco de luz
Gracias
Este es el código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>Conciertos</title>
</head>
<body>
<div id="global">
<!-- INICIO CÓDIGO CABECERA. NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
<img src="../objetos/logotipo.gif" width="270" height="80" alt="Haz click aquí para volver a inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="../index.html"> Portada</a></li><li><a href="../historia/historia.html"> Historia</a></li><li><a href="../discografia/discografia.html"> Discografía</a></li><li><a href="../conciertos/conciertos.html"> Conciertos</a></li><li><a href="../descargas/descargas.html"> Descargas</a></li><li><a href="../foro/foro.html"> Foro</a></li><li><a href="../souvenirs/souvenirs.html"> Souvenirs</a></li></ul>
</div>
<!-- FIN CÓDIGO CABECERA -->
<div id="contenido">
<!-- INICIO DE CODIGO LATERAL IZQUIERDO. NO TOCAR -->
<div id="menu">
<ul>
<h1> Título de sección</h1><li><a href="#"> Enlace 1</a></li><li><a href="#"> Enlace 2</a></li><li><a href="#"> Enlace 3</a></li><li><a href="#"> Enlace 4</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Conciertos</h1>
<p>La banda nació en 1982, cuando tras ver por la teraesent a nulla et ipsum rhoncus ultricies a non enim. Sed eget dignissim sapien.
Fusce a pretium odio, vel interdum nisl. Mauris fermentum adipiscing mauris ut aliquet. Donec iaculis dictum diam, sed euismod dolor lacinia in. Curabitur varius lorem sed risus rhoncus tincidunt. Curabitur malesuada posuere nulla et faucibus. Aenean nec orci egestas, convallis enim vitae, elementum urna. Fusce at sem quis libero lacinia imperdiet quis nec lectus. Nulla rutrum lacinia accumsan. Integer ante eros, mollis sed libero porttitor, placerat accumsan sem. Vestibulum id risus aliquam, tristique ante in, congue erat. Duis cursus dictum blandit. Cras et orci tincidunt, ultrices nulla sed, euismod arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. le un concierto de Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras</p>
<h2>Aquí voy a poner esto</h2><p> Y aquín unos lore ipsum que vienen muy bien para relleno voy a necesitar más rellenopara comprobar si sale bien
Nunc sem magna, varius nec condimentum ac, fermentum a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed mi nulla, ultrices ut bibendum sed, semper et est. Fusce posuere quis eros ut malesuada. Ut placerat rutrum mauris sit amet euismod. Suspendisse in rutrum ipsum. Aliquam molestie ornare mi, id elementum turpis. Etiam vulputate dolor non convallis aliquam. Curabitur et ipsum eget purus vehicula lacinia non consectetur erat. Nunc eget nulla tincidunt, tempor tellus at, posuere purus. </p>
</div>
<!-- INICIO CÓDIGO PIE DE PÁGINA. NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos"> Pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>
<!-- FIN CÓDIGO PIE DE PÁGINA -->
<div id="curva-inferior"></d>
</div>
</body>
</html>
Y ESTA LA CSS
*{text-indent:0px; margin:0px; padding:0px; border:0px;}
body {text-align:center;}
p{text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#cabecera {background-color:white; border-left:black 1px solid;border-right:black 1px solid; height:85px;}
#logotipo {width:280px; float:left;}
#publicidad {width:518px;float:right;margin-top:25px;}
#navegacion{background-color:grey; border:black 1px solid; height:20px;}
#navegacion ul {margin-left:60px;}
#navegacion li {float:left; list-style:none;margin: 0px 20px 0px 20px;}
#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px;}
#menu {width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior.gif); background-position:bottom; padding-top:12px; padding-bottom:5px;}
#menu h1 {text-decoration:none; font-size:12px; background-image:url(objetos/menu-parte-superior.gif);}
#menu li{list-style:none; margin:4px 8px 4px 6px;}
#pie {background-color:white; border-up:black 1px solid; border-right:black 1px solid; border-left:black 1px solid; height:65px;}
#pie li {list-style:none; font-size:12px;}
#pieuno {background-color:white; float:left; width:150px; }
#piedos {float:left; width:498px;}
#pietres {background-color:white; float:left; width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat: no-repeat ;width:800px ;height: 12px; overflow: hidden;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; font-size:1.2em; text-decoration:underline; background-color:silver;}
a.active {}
#pie a {color: blue; text-decoration:none ; display: block; }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color:white; }
#pie a:active {color:black;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white;}
#logotipo a:active {}
He repasado y creo que está todo como en los ejemplos, de los que he procurado no salirme para evitar estas cosas, peeero.
A ver si sois capaces de arrojarme un poco de luz
Gracias