Problema con le menu desplegable

Hola! hace tiempo que no me pasaba por aqui..... jeje, esperando nuevas lecciones!! :D :D

Bueno, al grano.

Vereis, acabo de hacer "Asignando estilos a las secciones de nuestro menú de navegación", pero cuando le doy a vista preliminar, me sale una ventana con esto:


ERROR

Se produjo un error en tiempo de ejecución.
¿Desea depurarlo?
Línea: 1
Error: `TransMenu´no está definido.

Si       No



Y cuando le doy a NO, me trae otro que trae:

ERROR

Se produjo un error en tiempo de ejecución.
¿Desea depurarlo?
Línea: 10
Error: Se esperaba un objeto.

Si       No




Guarde los objetos del primer archivo ZIP en la carpeta "OBJETOS", y descargué los objetos en dicha carpeta, y los objetos de la segunda, los descargué ne la carpeta "web-ejemplo-cctw".

Los códigos son:

<!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
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • 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>




  • A lo mejor ayuda decir que uso el MOZILLA FIREFOX
    mmmm

    pues yo en i explorer, pude ver el desplegable, pero
    en firefox, no, tendré que seguir probando

    saludos
    Buenas!!

    Bajaos de nuevo los archivos comprimidos y sustituirlos por los que teneis. En especial los archivos con extensión txt (son los que he cambiado). Tenian un error que me dijo Yaneth y ya están reparados. Si siguen habiendo fallos avisadme!

    A mi me funciona bien con explorer, opera y firefox :roll:
    Reparado!!!!!!!!!

    Joe, me ha costado un webo! ja ja jaja. Resultó que algún estilo de estilo-general.css se peleaba con el desplegable y lo entrecortaba en el explorer. Pero fijaos, la línea de css que estorbaba era esta:

    body {text-align:center}

    :shock: :roll: Qué tendrá que ver? Ni idea, pero bueno.

    He explicado en la ultima lección de los desplegables como se arregla el tema. También he incluido como hacer que el menú sea transparente!!! Vaya tela, yo colocandole fondos y resulta que es transparente! ja ja ja. Así si que esta guapo guapo de verdad.
    Os indico como cambiar el tono transparente de color y otras cosillas.

    Espero que esta sea la ultima revisión! ja ja ja

    No olvideis avisarme si hay algun otro fallo...AH! y dejar 100 euros de propina por el curro que me he pegao! ja ja ja ja

    Un abrazo! :wink:
    por que me sale abajo el menu desplegable:

    plantilla

    <!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">[contenido no disponible]</div>
    <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">
    <h1>Título de Sección 1</h1>
    <ul>
  • 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>


    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 {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 }
    #publicidad {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 }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; 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 {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: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    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 {}
  • lo siento pero buscaba a alguien que me lo pueda subir porque yo tengo un cortafuegos y no me deja hacerlo
    hola quisiera una ayuda con la cuarta leccion en el menu desplegable, estoy confundida en esta parte ....

    Te los dejo todos comprimidos en dos archivo zip. En el primero están los archivos que has de pegar en la carpeta objetos y en el segundo los que tienes que colocar directamente en tu carpeta raiz

    cuando dice que el 2do debo colocarlo en la carpeta raiz. Cual es la carpeta raiz:
    el index, la plantilla o la carpeta mis paginas web.
    por favor ayudenme gracias
    LISB
    Hola

    solo tienes que ponerlo junto a tu index, en la misma carpeta


    saludos
    a mi tambien me sale lo del error para depurarlo y lueego no m salen en la pagina los menus desplegables cuando ya la e subido al servidor :( k hago?? yo ya kopie kada carpeta donde le correspondia . y si son otras carpetas diganme x favor donde estan, gracias
    a mi tambien me sale lo del error para depurarlo y lueego no m salen en la pagina los menus desplegables cuando ya la e subido al servidor :( k hago?? yo ya kopie kada carpeta donde le correspondia . y si son otras carpetas diganme x favor donde estan, gracias
    hola

    solo las imagenes van dentro de la carpeta objetos

    los otros documentos, van junto al index

    asi los pusiste?????'

    danos la url, para verlo

    saludos
    Hola, resulta que yo tambien tengo ese mensaje de error, que hago ??

    Saludos
    Hola Jorgens, he hecho lo que indicas [quitar de body {text-align: center}] y, efectivamente se arregla lo del menu desplegable pero se me descentra toda la web [no solo el pie de pagina, como tu indicas]
    Poque puede ser?Donde, si no es ahi, tengo que indicar que mi pagina este centrada?
    Muchas gracias por tu ayuda y por todas las lecciones!!
    PAT
    Hola

    mira yo lo he arreglado asi:

    pones en la linea del *

    text-align:left

    en el body

    text-align:center

    en el global (text-align:left)

    checalo y nos avisas

    saludos
    Perfecto!!!!
    Lo que hace el no saber!!!
    Mil gracias Yaneth!!!! Llevaba varios días dandole vueltas antes de escribiros!
    PAT
    Hola

    ni te apures, que a mi me a costado otro monton de dias descubrirlo

    jejejejej

    saludos
    Por favor, hice todo lo del menú desplegable, pero me en el preview me sale la mitad del desplegable: °secc...
    solo la mitad y como corrido al final de la palabra sección 1.

    Plantilla.html:

    <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>
    <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">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4
    </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 ponérsela justo ahí. </p>
    <h2>Y éste es el tercer párrafo.</h2>


    En pocas lecciones aprenderé a darle márgenes para
    separarlos unos de otros, e incluso hacerle sangrías por la izquierda a la primera línea,
    que queda mucho mejor.</p>


    Dale! Fijate! salen todos centrados, qué cosa. Espero que jorgens nos eneseñe a
    alinearlos a la izquierda, o justificados. Así esto parece una poesía! jajaja.</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
  • Top Site
  • 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>

    No le encuentro la vuelta!
  • en este mismo foro, en la parte de arriba, está la solucion a eso

    solo agregale

    text-align:left

    en el primer parrafo, de la hoja de estilos del desplegable

    estilo-menu-desplegable.css

    saludos