error en menus desplegables.

he puesto todo lo q me decir de los desplegables.. y me sale una ventana que me dice;
"error en la secuencia de mandos"
linea 2 caracter 1
Error transmenu no esta definido
codigo 0

y luego me sale una segunda indicando lo mismo pero con linea 4 y caracter 6

la hoja de estilos la tengo asi;
*{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}
#logotipo{background-color:white;width:280px;float:left}
#publicidad{background-color:pink;width:518px;float:rightmargin-top:25px}
#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;float:left;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:3px 10px 3px 3px;background-imagen:url(objetos/menu-parte-inferior.gif);background-position:bottom;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-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{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:blue;font-size:1.3em;text-decoration:none}
a{color:brown;text-decoration:none;display;block}
a:hover{color:red;text-decoration:underline;background-color:silver}
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}



y la plantilla de estilos;
<!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 id="navegacion">
<ul>
  • <a id="desplegable1" href"#">Sección 1</a>
  • Sección 2
  • Sección 3
  • Sección 4 </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Titulo 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
  • <a href="#"Nos enlazan</a></div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • <a href="#"TopSite
  • <a href="#"Mapa de la Web</a></div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript"src="definir-menus.txt"type="text/javascript"></script>
    </body>
    </html>

    mil graciasss
  • Montse escribió:he puesto todo lo q me decir de los desplegables.. y me sale una ventana que me dice;
    "error en la secuencia de mandos"
    linea 2 caracter 1
    Error transmenu no esta definido
    codigo 0

    y luego me sale una segunda indicando lo mismo pero con linea 4 y caracter 6

    la hoja de estilos la tengo asi;
    *{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}
    #logotipo{background-color:white;width:280px;float:left}
    #publicidad{background-color:pink;width:518px;float:rightmargin-top:25px}
    #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;float:left;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:3px 10px 3px 3px;background-imagen:url(objetos/menu-parte-inferior.gif);background-position:bottom;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-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{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:blue;font-size:1.3em;text-decoration:none}
    a{color:brown;text-decoration:none;display;block}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    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}



    y la plantilla de estilos;
    <!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 id="navegacion">
    <ul>
  • <a id="desplegable1" href"#">Sección 1</a>
  • Sección 2
  • Sección 3
  • Sección 4 </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Titulo 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
  • <a href="#"Nos enlazan</a></div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • <a href="#"TopSite
  • <a href="#"Mapa de la Web</a></div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript"src="definir-menus.txt"type="text/javascript"></script>
    </body>
    </html>

    mil graciasss
  • Hola:
    Primero que nada, en la capa publicidad de la hoja de estilo tiene puesto junto el float:rightmargin-top si es posible pongalo así float:right;margin-top:etc.etc.

    En el archivo numero-de-menus que tiene en la carpeta "web-ejemplo-cctw" (la del escritorio) debe de tener esto:

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

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

    (Suele estar solo en dos líneas, pero acá en el mensaje se me han quedado en cuatro)
    Recuerde que en la carpeta "web-ejemplo-cctw" van cuatro archivos correspondientes a los desplegables, los otros ocho archivos van en la carpeta "objetos"
    Saludos
    Agradecido de los que aprenden enseñando
    Raulyure escribió:
    Montse escribió:he puesto todo lo q me decir de los desplegables.. y me sale una ventana que me dice;
    "error en la secuencia de mandos"
    linea 2 caracter 1
    Error transmenu no esta definido
    codigo 0

    y luego me sale una segunda indicando lo mismo pero con linea 4 y caracter 6

    la hoja de estilos la tengo asi;
    *{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}
    #logotipo{background-color:white;width:280px;float:left}
    #publicidad{background-color:pink;width:518px;float:rightmargin-top:25px}
    #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;float:left;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:3px 10px 3px 3px;background-imagen:url(objetos/menu-parte-inferior.gif);background-position:bottom;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-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{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:blue;font-size:1.3em;text-decoration:none}
    a{color:brown;text-decoration:none;display;block}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    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}



    y la plantilla de estilos;
    <!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 id="navegacion">
    <ul>
  • <a id="desplegable1" href"#">Sección 1</a>
  • Sección 2
  • Sección 3
  • Sección 4 </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Titulo 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
  • <a href="#"Nos enlazan</a></div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • <a href="#"TopSite
  • <a href="#"Mapa de la Web</a></div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript"src="definir-menus.txt"type="text/javascript"></script>
    </body>
    </html>

    mil graciasss
  • Hola:
    Primero que nada, en la capa publicidad de la hoja de estilo tiene puesto junto el float:rightmargin-top si es posible pongalo así float:right;margin-top:etc.etc.

    En el archivo numero-de-menus que tiene en la carpeta "web-ejemplo-cctw" (la del escritorio) debe de tener esto:

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

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

    Recuerde que en la carpeta "web-ejemplo-cctw" van cuatro archivos correspondientes a los desplegables, los otros ocho archivos van en la carpeta "objetos"
    Saludos
    Agradecido de los que aprenden enseñando
    buenas noches.. perdon que no pudiera entrar antes.. he confirmado todo lo q me dices y lo tengo bien..y no me hace nada de nada..
    :(