Entrar

el menu desplegable

emmanuel · · Solicitar retirada
soy yo de nuevo sigo sin poder resolver lo del menu desplegable
cuando kiero hacer vista previa me da erro linea 10, en esa line se encuenta en <body onload="init ();"
yyy dice ke se esparaba un objeto
url: file://C:\Documents and Settings\EMA\Configuración local\Temp\hktE_plantilla.html
eso es lo ke me dice la ventana ke tira el error, vuelvo a dejar mis codigos y la direccion de mi web es http://tododescargas.mypressonline.com/plantilla.html

plantilla.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.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
  • 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.Emmanuel rodriguez lujan</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    estilos 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 { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px }

    #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 {}
    #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 me puedan ayudar desde ya gracias :D :D 8)
    • Raulyure · · Solicitar retirada
    emmanuel escribió:soy yo de nuevo sigo sin poder resolver lo del menu desplegable
    cuando kiero hacer vista previa me da erro linea 10, en esa line se encuenta en <body onload="init ();"
    yyy dice ke se esparaba un objeto
    url: file://C:\Documents and Settings\EMA\Configuración local\Temp\hktE_plantilla.html
    eso es lo ke me dice la ventana ke tira el error, vuelvo a dejar mis codigos y la direccion de mi web es http://tododescargas.mypressonline.com/plantilla.html

    plantilla.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.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
  • 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.Emmanuel rodriguez lujan</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    estilos 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 { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px }

    #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 {}
    #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 me puedan ayudar desde ya gracias :D :D 8)

    • Hola:
    Al pulsar en la dirección de su página el menu desplegable de la seccion 1 se ve perfectamente, los demás , como aún no los define, por ahora no se despliegan.
    La cuestión es que a veces trabajándo en local, suele salir un mensaje de error, muchas veces es debido al bloqueo de los emergentes, pero ya subido a internet (al servidor) y mostrándose bien, no hay mucho problema, en todo caso le voy a sugerir la misma respuesta que le di a una compañera del foro.

    Cree una carpeta en su escritorio, pongale cualquier nombre, por ejemplo -- menus-- luego vaya a su carpeta del escritorio donde tiene el archivo que se llama no-tocar y póngalo en esa carpeta recién creada, cuando lo tenga allí, ábralo y cuando esté abierto vaya a Archivo--Guardar Como-- y en el desplegable que se abre, donde dice Nombre, borre lo que hay allí y escriba--- transmenuC.txt --- luego guarde. Ahora cópielo de la carpeta recién creada y péguelo dentro de su carpeta "web-ejemplo-cctw".
    Luego en su página donde tiene el src="no-tocar.txt (entre el <head> y el </head>) cambie donde dice no-tocar-- y escriba transmenuC, o borre donde dice -- no-tocar.txt--- y escriba --- transmenuC.txt ---
    Luego nos dice y lo veremos mejor
    También sería bueno que en su página entre el <head> y el </head> usted pusiera el código que corresponde para que se vean los acentos
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    Saludos
    Agradecido de los que aprenden enseñando
    jmanuel · · Solicitar retirada
    Hola,
    no veo la etiqueta <body> antes de <body onload="init();">
    Puede ser ese el problema?
    jmanuel · · Solicitar retirada
    Mi menú (del curso de CCTW) me funciona en IE, firefox y Chrome pero no funciona con Opera y sigo sin resorverlo.
    Un saludo