He seguiedo el curso paso a paso hasta el final y he subifo todo el trabajo al servidor, la pagina principal (portada), discografia y foro le he quitado el menu como indicabais en el curso. pero a la paginas historia , conciertos, descargas y discografia se los he dejado, pero se ve el contenido del menú pero no se ver en el recuadro en blanco que le puse. ¿por qué?
os dejo por ejemplo mi pagina historia.html. y estilos-general.css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"HISTORIA DE LA BANDA"</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>Portada Historia Discografía Conciertos Descargas Foro Souvenir
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Historia</h1> Origen Miembros Formación Actual Álbun de Fotos
</div>
<h1>" Esta es la historia de la banda "</h1>
"La banda nació en 1982, cuando tras ver por la tele 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>Los albores del Grupo</h2>
</p>
</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
<-- estilo-general.css -->
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.3em; 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}
body {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 }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { width:518px ; float:right ; margin-top:25px ; font-size:16px}
#navegacion {background-color: gray ; border: black 1px solid ; height:40px}
#navegacion li {float:left ; list-style:none ; margin: 20px 0px 0px 20px }
#navegacion ul { margin-left: 70px }
#contenido {background-color: orange ; width:auto; 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-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ;padding-top:12px;
background-image: url(../objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ;}
#pie li {list-style: none ; font-size: 12px }
#pieuno { float:left;width:150px ; }
#piedos {background-color: ; float:left;width:498px}
#pietres { 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 ; 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}}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {}
a.enlaceuno:active {}
un saludo y muchas gracias.
os dejo por ejemplo mi pagina historia.html. y estilos-general.css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"HISTORIA DE LA BANDA"</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Historia</h1>
</div>
<h1>" Esta es la historia de la banda "</h1>
"La banda nació en 1982, cuando tras ver por la tele 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>Los albores del Grupo</h2>
</p>
</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
<-- estilo-general.css -->
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.3em; 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}
body {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 }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { width:518px ; float:right ; margin-top:25px ; font-size:16px}
#navegacion {background-color: gray ; border: black 1px solid ; height:40px}
#navegacion li {float:left ; list-style:none ; margin: 20px 0px 0px 20px }
#navegacion ul { margin-left: 70px }
#contenido {background-color: orange ; width:auto; 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-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ;padding-top:12px;
background-image: url(../objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ;}
#pie li {list-style: none ; font-size: 12px }
#pieuno { float:left;width:150px ; }
#piedos {background-color: ; float:left;width:498px}
#pietres { 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 ; 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}}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {}
a.enlaceuno:active {}
un saludo y muchas gracias.