hola de nuevo!A ver, tengo otro problemilla, el menu desplegable se me despliega debajo del pie de pagina :? .el menu de la barra de navegacion esta todo correcto(que yo sepa)y creo que lo he hecho todo como me han dicho en el curso.eso si, no sigo todo al pie de la letra, pero lo basico si, quiero decir que el esqueleto es el mismo del curso pero yo le doy un toque personal.pero bueno,os dejo la plantilla y la hoja de estilos general a ver si veis el fallo ok?os lo agradeceria mucho pues el menu desplegable me haria mucha falta.
un saludo
mikelito.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Seccion 2
Seccion 3
Seccion 4
Seccion 5
Seccion 6
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>
Enlace 1 Enlace 2 Enlace 3 Enlace 4 Enlace 5 Enlace 6 Enlace 7
</div>
<h1>Esta será la zona principal de la web.</h1>
<h2>la la la la la la la la la la </h2>
uoh ouhgiu ugh fu ug iugh ihgug uvuvub uguvub ugvuiv ugvuv uvyfiv vuvuivuhg uvyvuivu uvuyviuv uvuviuiuhg iugiuhihjuh igyigig iugiugiughiu igigii uhu ugyugh jhuih hohihiu hgigil iohiugi ohgiuhih uohiughiuh hohoih ouhoho hpohuouh ohouh ohoh ohohu ohoihoiy ouyhuph ohuy </p>
iughui uohiouh ohiuh oijkjo ohyf trdyf jkhbjhgiu gii guigu iguyguig gygihi ygug yguygu guyg yg uygyg ygyguygy gygoiughyg ygyugog ih gugiugbu uyguiguihg uygubgui uyguho ygugbio uygiuuhbo ygohubo guioydeese swea td ugyiu jpok p`k joihjuhyu hjhgtf gv fctrd bjbhi oljnhui jbhjvgc nkjnhu bhbgu kjbigyg kjbhbfu kbihguy jbnhbuyg bhgyug</p>
hvguyvb hvuviyguyg yuguyguy yugu gugug uygugug uyguigiug uggig ugugug ugugug guggug uguguig ugyugug gugug uygugug uyggug ugugug uyguygu gugug u uhvuyf uvuyfy ibuyfgyu ibuyguy igbyugyu iiugyg uigygyu iuhgugu iuhi iu ugy igiygi u iughuig ughiugh iuighiug ui</p>
</div>
<div id="pie">
<div id="pieuno"><ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
<div id="piecuatro">pie cuatro</div>
<div id="piecinco"><ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#navegacion {background-color: DeepSkyBlue ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; border: black 1px solid}
#menu {background-color: DeepSkyBlue ; 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}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#global {width:800px ; margin: 4px auto }
#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 {background-color: white ; float:left ; width:159.6px}
#piedos {background-color: white ; float:left ; width:159.6px}
#pietres {background-color: white ; float:left ; width:159.6px}
#piecuatro {background-color: white ; float:left ; width:159.6px}
#piecinco {background-color: white ; float:left ; width:159.6px}
#menu li {list-style:none ; margin: 10px 0px 4px 6px}
#navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 118px }
li {text-decoration:none}
a {color: green; text-decoration: none }
a:link{text-decoration:none}
a:visited{color:red ; text-decoration:underline}
a:hover{color:red ; text-decoration:underline}
a:active{text-decoration:none}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif)}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {text-decoration:none}
#pie a:visited {color:red ; text-decoration:underline}
#pie a:hover {color:red ; text-decoration:underline}
#pie a:active {text-decoration:none}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
un saludo
mikelito.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>
</div>
<h1>Esta será la zona principal de la web.</h1>
<h2>la la la la la la la la la la </h2>
uoh ouhgiu ugh fu ug iugh ihgug uvuvub uguvub ugvuiv ugvuv uvyfiv vuvuivuhg uvyvuivu uvuyviuv uvuviuiuhg iugiuhihjuh igyigig iugiugiughiu igigii uhu ugyugh jhuih hohihiu hgigil iohiugi ohgiuhih uohiughiuh hohoih ouhoho hpohuouh ohouh ohoh ohohu ohoihoiy ouyhuph ohuy </p>
iughui uohiouh ohiuh oijkjo ohyf trdyf jkhbjhgiu gii guigu iguyguig gygihi ygug yguygu guyg yg uygyg ygyguygy gygoiughyg ygyugog ih gugiugbu uyguiguihg uygubgui uyguho ygugbio uygiuuhbo ygohubo guioydeese swea td ugyiu jpok p`k joihjuhyu hjhgtf gv fctrd bjbhi oljnhui jbhjvgc nkjnhu bhbgu kjbigyg kjbhbfu kbihguy jbnhbuyg bhgyug</p>
hvguyvb hvuviyguyg yuguyguy yugu gugug uygugug uyguigiug uggig ugugug ugugug guggug uguguig ugyugug gugug uygugug uyggug ugugug uyguygu gugug u uhvuyf uvuyfy ibuyfgyu ibuyguy igbyugyu iiugyg uigygyu iuhgugu iuhi iu ugy igiygi u iughuig ughiugh iuighiug ui</p>
</div>
<div id="pie">
<div id="pieuno"><ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
<div id="piecuatro">pie cuatro</div>
<div id="piecinco"><ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#navegacion {background-color: DeepSkyBlue ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; border: black 1px solid}
#menu {background-color: DeepSkyBlue ; 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}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#global {width:800px ; margin: 4px auto }
#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 {background-color: white ; float:left ; width:159.6px}
#piedos {background-color: white ; float:left ; width:159.6px}
#pietres {background-color: white ; float:left ; width:159.6px}
#piecuatro {background-color: white ; float:left ; width:159.6px}
#piecinco {background-color: white ; float:left ; width:159.6px}
#menu li {list-style:none ; margin: 10px 0px 4px 6px}
#navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 118px }
li {text-decoration:none}
a {color: green; text-decoration: none }
a:link{text-decoration:none}
a:visited{color:red ; text-decoration:underline}
a:hover{color:red ; text-decoration:underline}
a:active{text-decoration:none}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif)}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {text-decoration:none}
#pie a:visited {color:red ; text-decoration:underline}
#pie a:hover {color:red ; text-decoration:underline}
#pie a:active {text-decoration:none}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}