No me funciona el menu desplegable

Leccion 4 Menu desplegable

Pues no me funciona el menu desplegable cuando entro a vista previa y ademas me sale este mensaje

[contenido no disponible]

Lo que tengo hasta ahora

[contenido no disponible]

Para que vean lo que tengo en la linea 12

[contenido no disponible]

Esto es lo que tengo en la 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>
<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"><h1>Titulo de la Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div><h1>Esta sera 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> 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.
    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>
  • Soy principiante y ha mucha honra
    perdon por este mensaje extra pero no se como borrarlo
    Soy principiante y ha mucha honra
    a mi tambien me aparece ese cartel de arriba que da error, nadie sabe responderme???
    Pues eso es por el java script .. en su mayoria .. evita ponerle el .txt (aunke ya se q se usa en el curso ) mejor ponle asi

    <script language="javascript" src="definir-menus.js" type="text/javascript"></script>

    Para eso pues abres tu archivos en block de notas y donde le as puesto .. definir-menus.txt lo guardas asi
    definir-menus.js

    Ahora .. nose como puedes enlazar las cosas ya q no veo en tu html .. la carpeta "objetos" ... :S:S q raro .. si puede spues pon el CSS para verlo pork creo q de ahi estas enlazando las imagenes y las guardas en objetos..
    Hola

    y ya subiste los cambios????

    es mas facil checarlo asi...

    subelo y nos das la url para verlo


    Nota: no te confies mucho de la vista previa del programa
    es mejor verlo en la red

    saludos
    Hise los cambios de txt por js pero me sale el mismo mensaje asi que decidi dejarlo txt..Esto es todo lo que tengo

    [contenido no disponible]


    [contenido no disponible]

    Como ven sale el mismo error asi que deje la extencion txt


    [contenido no disponible]


    Este es el estilo general css
    #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 {padding: 5px 10px 5px 10px ; text-indent: 15px }
    #menu {background: yellow ; width: 150 px ; float:left ; text-align:left ; margin:10px:10px 10px 10px ; 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); padding-top:12px}
    #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:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color:white}
    #logotipo a:active {}

    Y la plantilla

    <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"><h1>Titulo de la Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div><h1>Esta sera 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> 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.
    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>

    Les dejo la pagina con los cambios ya subidos


    http://ejemplodemiweb.atwebpages.com/plantilla.html
  • Soy principiante y ha mucha honra
    Hola

    Solo como nota, si nos das la url, no es necesario que nos pegues los codigos, ya que los podemos saar directo de tu web :wink:

    ahora... tienes un fallo aqui
    en rojo cerraste un li de mas
  • Enlace 3
  • Enlace 4

    y aqui te faltó poner el cierre

  • Contactos
  • <a href="#">Nos enlazan

    pero todo esto nada tiene que ver con el desplegable jejeje

    El error del desplegable, se debe a que no has subido los doscumentos que dependen de el

    definir-menus.txt
    numero-de-menus.txt
    no-tocar.txt

    saludos
  • yo creo que el problema es que tienes un pequeño lio en la carpeta llamada web-ejemplo-cctw-local , bueno, deberia llamrse así pero tu has puesto:
    web-ejemplp-cctw-local, aunque este no es el problema.., yo creo que se debe al lio que te comento:
    en esta carpeta ( web-ejemplp-cctw-local ) que está en tu escritorio y en el html-kit tienes una carpeta l
    lamada objetos y el problema es que no tienes en ella los objetos(imagenes) que necesitas para el desplegable, tu lo que tienes es dentro de objetos otra carpeta que se llama descomprimelos-en... y es en esta carpeta donde estarán las imagenes y no es así, han de estar en la carpeta objetos como lo están: buzon, curva-superior, etc, te pongo una imagen y observa..
    (para ver mejor la imagen pincha en ella)


    [contenido no disponible]


    sin embargo en la pagina que tienes en el servidor(la carpeta azul en tu html-kit llamada: ejemplodemiweb.atwebpages..) esto está bien...




    [contenido no disponible]

    por loque el error en la carpeta azul es otro..lo que pasa es que no has subido: definir-menus, estilo-menu-desplegable, no-tocar ni numero-de-menus,subelos.


    Archivos estos que ya que estamos tambien los tienes mal en la carpeta amarilla llamada web-ejemplo-cctw-local ya que te pasa como antes, los tienes en una carpeta llamada: descomprimelos-en-la... y no deberia ser así, tendrian que ser archivos sueltos como: index.html, plantilla.html, estilo.css y estilo-general.css, lo ves?
    Ya lo tengo mil gracias ya slio perfecto :D
    Soy principiante y ha mucha honra
    Me alegra que solucionaras el error, ahora a continuar con el curso, un saludo.