no aparese el menu desplegrable

ya vi todo y no me sale no se cual es el error

Esta el la planilla.html

<!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" 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 >
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div></p></a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>

    </html>

    y quiero hacer una pregunta yo cuando puse el codigo scrip el en los achivos .txt los guarde y todo no cambio nada


    este es el estilo-general.css


    * {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 {}
    #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: 280pxs; float:left}
    #publicidad {width: 518px;float:right; margin-top:25px }
    #navegacion {background-color: gray; border: black 1px solid; height:20px}
    #navegacion li {float:left;list-style:none ; margin: 0px 10px 0px 20px}
    #navegacion ul { margin-left: 180px }
    #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 {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:10px;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-1.gif) }
    #pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid;height: 65px; text-align: center }
    #pie li {list-style:none;font-size: 12px }
    #pieuno {float:left ;width:150px}
    #piedos {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}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    este es el archivo definir-menu

    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

    var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
    desplegable1.addItem('Seccion 1','ruta');
    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-Seccion 5.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 5.2','ruta');

    var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
    desplegable2.addItem('Seccion 1','ruta');
    desplegable2.addItem('Seccion 2','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-Seccion 5.1','ruta');
    desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

    var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
    desplegable3.addItem('Seccion 1','ruta');
    desplegable3.addItem('Seccion 2','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 = desplegable3.addMenu(desplegable3.items[4]);
    desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
    desplegable3_0.addItem('Sub-Seccion 5.2','ruta');



    y este es el numero-menu

    function init()
    {
    if (TransMenu.isSupported())
    {
    TransMenu.initialize();

    desplegable1.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
    desplegable1.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
    desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
    desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
    desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
    desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; } ;

    }
    }

    y no se cual es el vendito error
    no me sale vista previa y lo subi a la red,los archivos,estilo-menu-desplegable.cc y tambien el estilo-general.css y nada

    si algien me puede dar unas recumendaciones de que hacer lo agradeceria plis :wink:
  • el error está aqui:

  • Sección 1
  • Sección 2
  • Sección 3

    te sobra lo que te puse en rojo


    saludos
  • no

    en rojo te pongo el abre y cierra de los corchetes

    <a id="desplegable1" a href="#">


    saludos