En la WEB no se ven los archivos adjuntados al index.html

Hola, estoy estructurando mi página web y estoy haciendo progresos gracias a todos ustedes.
Tengo un problema, en la web no puedo ver los archivos que he indexado en cada uno de los ENLACES y en LAS PESTAÑAS. pueden ustedes ayudarme a ver mi problema.

esta es mi dirección de url

http://geologiayalgomas.getenjoyment.net

y asi tengo el index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</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="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Ecuador
  • España
  • México

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Artículos publicados</h1>
    <ul>
  • Diagénesis y
  • Rasgos geol.
  • Historia Térmica
  • Carb Cement
  • Estratigrafia
  • Reservoir
  • I.B.F.Geológicas
  • Geoquímica
  • G.con las ciencias

    </div>
    <h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
    </p>


    INTRODUCCIÓN</P>


    Antes de comenzar a describir cada uno de los temas aqui descritos, hay que mencionar que parte de todo lo que
    nos rodea en este sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
    inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
    engloba en una ciencia que es la Geología.
    En ésta página, encontrarán lecciones básicas de geología y sobre todo la experiencia de diferentes
    trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
    </h2>


    mesogenetic and post-compactional calcite, Fe-dolomite, ankerite and siderite (S2). ution of feldspars and mesogenetic carbonate cements is the main mechanism for secondary porosity development during mesodiagenesis.
    Early siderite helped to retain porosity by supporting the sandstone framework against compaction. </p>
    <h2>y este es el tercer párrafo.</h2>

    en pocas lecciones</p>
    </div>
    <div id="pie">
  • Foro EjemploContactosNos Enlazan

    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • DirectorioTopSiteMapa de la Web

    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    y así tengo el archivo definir-menu.txt

    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet
    (TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
    var desplegable1 = ms.addMenu
    (document.getElementById('desplegable1'));
    desplegable1.addItem('Introducción','temas/geologia-ciencias.pdf');
    desplegable1.addItem('Seccion 2','ruta');
    var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
    desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable1.addItem('Seccion 3','ruta');
    desplegable1.addItem('Seccion 4','ruta');
    desplegable1.addItem('Seccion 5','ruta');
    var desplegable1_0=desplegable1.addMenu(desplegable1.items[4]);
    desplegable1_0.addItem('Sub-Sección 5.1','ruta');
    desplegable1_0.addItem('Sub-Sección 5.2','ruta');

    var desplegable2 = ms.addMenu
    (document.getElementById('desplegable2'));
    desplegable2.addItem('Seccion1','ruta');
    desplegable2.addItem('Seccion2','ruta');
    var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
    desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable2.addItem('Seccion 3','ruta');
    desplegable2.addItem('Seccion 4','ruta');
    desplegable2.addItem('Seccion 5','ruta');
    var desplegable2_0=desplegable2.addMenu(desplegable2.items[4]);
    desplegable2_0.addItem('Sub-Sección 5.1','ruta');
    desplegable2_0.addItem('Sub-Sección 5.2','ruta');

    var desplegable3 = ms.addMenu
    (document.getElementById('desplegable3'));
    desplegable3.addItem('Seccion1','ruta');
    desplegable3.addItem('Seccion2','ruta');
    var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
    desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable3.addItem('Seccion 3','ruta');
    desplegable3.addItem('Seccion 4','ruta');
    desplegable3.addItem('Seccion 5','ruta');
    var desplegable3_0=desplegable2.addMenu(desplegable2.items[4]);
    desplegable3_0.addItem('Sub-Sección 5.1','ruta');
    desplegable3_0.addItem('Sub-Sección 5.2','ruta');

    TransMenu.renderAll();
    }

    y este otro es mi estilos-general.css

    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    * {text-indent:0px;margin:0px;padding:0px;border:0px}
    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}
    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}
    #P5240193 {background-color:brown;width:280px;float:left}
    #publicidad{background-color:pink;width:518px;float:right;margin-top:25px;font-size:16px}
    #navegacion {background-color:gray;border:black 1px solid;height:20px}
    #navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
    #navegacion ul {margin-left: 180px}
    #contenido {background-color:orange;border-left:black 1px solid;border-right:black
    1px solid;border-right:black 1px solid}
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu{background-color:yellow;with: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;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}
    #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:hover{color:red;text-decoration:underline;background-color:silver}
    #pie {border-left:black 1px solid;
    border-rigth:black 1px solid;
    border-top:black 1px solid;height:65px}
    #pie li {list-style:none;font-size:12px}
    #pieuno {float:left;width:150px}
    #pie li {list-style:none;font-size:12px}
    #piedos {float:left;width:498px;background-color:silver}
    #pie li {list-style:none;font-size:12px}
    #pietres{float:left;width:150px}
    #pie li {list-style:none;font-size:12px}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited{}
    a.enlaceuno.hover{}
    a.enlaceuno.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 {}


    espero podais ayudarme, gracias

    Jenny
  • Jenny Estupinan escribió:Hola, estoy estructurando mi página web y estoy haciendo progresos gracias a todos ustedes.
    Tengo un problema, en la web no puedo ver los archivos que he indexado en cada uno de los ENLACES y en LAS PESTAÑAS. pueden ustedes ayudarme a ver mi problema.

    esta es mi dirección de url

    http://geologiayalgomas.getenjoyment.net

    y asi tengo el index.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet"href="estilos-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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </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="plubicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Ecuador
  • España
  • México

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Artículos publicados</h1>
    <ul>
  • Diagénesis y
  • Rasgos geol.
  • Historia Térmica
  • Carb Cement
  • Estratigrafia
  • Reservoir
  • I.B.F.Geológicas
  • Geoquímica
  • G.con las ciencias

    </div>
    <h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
    </p>


    INTRODUCCIÓN</P>


    Antes de comenzar a describir cada uno de los temas aqui descritos, hay que mencionar que parte de todo lo que
    nos rodea en este sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
    inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
    engloba en una ciencia que es la Geología.
    En ésta página, encontrarán lecciones básicas de geología y sobre todo la experiencia de diferentes
    trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
    </h2>


    mesogenetic and post-compactional calcite, Fe-dolomite, ankerite and siderite (S2). ution of feldspars and mesogenetic carbonate cements is the main mechanism for secondary porosity development during mesodiagenesis.
    Early siderite helped to retain porosity by supporting the sandstone framework against compaction. </p>
    <h2>y este es el tercer párrafo.</h2>

    en pocas lecciones</p>
    </div>
    <div id="pie">
  • Foro EjemploContactosNos Enlazan

    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • DirectorioTopSiteMapa de la Web

    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    y así tengo el archivo definir-menu.txt

    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet
    (TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
    var desplegable1 = ms.addMenu
    (document.getElementById('desplegable1'));
    desplegable1.addItem('Introducción','temas/geologia-ciencias.pdf');
    desplegable1.addItem('Seccion 2','ruta');
    var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
    desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable1.addItem('Seccion 3','ruta');
    desplegable1.addItem('Seccion 4','ruta');
    desplegable1.addItem('Seccion 5','ruta');
    var desplegable1_0=desplegable1.addMenu(desplegable1.items[4]);
    desplegable1_0.addItem('Sub-Sección 5.1','ruta');
    desplegable1_0.addItem('Sub-Sección 5.2','ruta');

    var desplegable2 = ms.addMenu
    (document.getElementById('desplegable2'));
    desplegable2.addItem('Seccion1','ruta');
    desplegable2.addItem('Seccion2','ruta');
    var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
    desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable2.addItem('Seccion 3','ruta');
    desplegable2.addItem('Seccion 4','ruta');
    desplegable2.addItem('Seccion 5','ruta');
    var desplegable2_0=desplegable2.addMenu(desplegable2.items[4]);
    desplegable2_0.addItem('Sub-Sección 5.1','ruta');
    desplegable2_0.addItem('Sub-Sección 5.2','ruta');

    var desplegable3 = ms.addMenu
    (document.getElementById('desplegable3'));
    desplegable3.addItem('Seccion1','ruta');
    desplegable3.addItem('Seccion2','ruta');
    var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
    desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable3.addItem('Seccion 3','ruta');
    desplegable3.addItem('Seccion 4','ruta');
    desplegable3.addItem('Seccion 5','ruta');
    var desplegable3_0=desplegable2.addMenu(desplegable2.items[4]);
    desplegable3_0.addItem('Sub-Sección 5.1','ruta');
    desplegable3_0.addItem('Sub-Sección 5.2','ruta');

    TransMenu.renderAll();
    }

    y este otro es mi estilos-general.css

    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    * {text-indent:0px;margin:0px;padding:0px;border:0px}
    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}
    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}
    #P5240193 {background-color:brown;width:280px;float:left}
    #publicidad{background-color:pink;width:518px;float:right;margin-top:25px;font-size:16px}
    #navegacion {background-color:gray;border:black 1px solid;height:20px}
    #navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
    #navegacion ul {margin-left: 180px}
    #contenido {background-color:orange;border-left:black 1px solid;border-right:black
    1px solid;border-right:black 1px solid}
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu{background-color:yellow;with: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;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}
    #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:hover{color:red;text-decoration:underline;background-color:silver}
    #pie {border-left:black 1px solid;
    border-rigth:black 1px solid;
    border-top:black 1px solid;height:65px}
    #pie li {list-style:none;font-size:12px}
    #pieuno {float:left;width:150px}
    #pie li {list-style:none;font-size:12px}
    #piedos {float:left;width:498px;background-color:silver}
    #pie li {list-style:none;font-size:12px}
    #pietres{float:left;width:150px}
    #pie li {list-style:none;font-size:12px}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited{}
    a.enlaceuno.hover{}
    a.enlaceuno.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 {}


    espero podais ayudarme, gracias

    Jenny
  • Hola:
    En lo referente a los desplegables si me permite lo dejaré para cuando se me enfríe la cabeza y poder pensar un poco mejor, pero lo que si le diré, aunque no se si ya lo ha arreglado es en la capa o div pie.
    Si mal no recuerdo la capa pie (usted me dirá si me equivoco) engloba tres capas mas , que serían la capa pieuno, piedos, y pietres, la pieuno y la pietres medirán de ancho 150px, y la piedos creo que eran 498px de ancho, hasta allí todo bien, pero noto que en la capa pie usted ha puesto una lista de enlaces, creo que allí no debe haber nada en esa capa pie, la capa dos en teoría está bien al igual que la capa pietres, Pero la capa pieuno ¿dónde está?, eso es en su página. Porque en la hoja de estilo si tiene esa capa pieuno. Yo creo que usted debiera de poner en su página algo así:
    <div id="pie">
    <div id="pieuno"><ul>
  • <a class="enlaceuno"> etc. etc. etc. </div>
    <div id="piedos">piedos</div>
    <div id="pietres"><ul>
  • <a class="enlacetres"> etc. etc. etc.</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script etc. etc. etc. </script>
    </body>
    </html>
    En la capa pieuno y en la capa pietres no me recuerdo (será el sueño) donde van esos <ul>
  • , si antes del <a class como los dejé puestos acá o después de donde dice <a class="enlaceuno"><ul>
  • como también en el enlacetres.
    Seguiré revisando mas tarde.
    Saludos