Entrar

menu desplegable!!!!!!

neoclayo · · Solicitar retirada
Confused Hola buenos dias, me he llevado un buen rato leyendo muuuchos temas del foro, pero en niuno he podido resolver mi tema.

Quisiera saber en que estoi fallando, por que no me abre el menu como en los ejemplos.

mi URL es http://publicidadyascesoria.medianewsonline.com/plantilla.html

Tambien les dejo aqui la plantilla, los estilos css, definir-menu.txt, y numero de menu.txt.

PLANTILLA:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>En construccion</title>
<meta content="tex/html; charset=iso-8859-1" http-equiv="Content-Type">
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="transmenuC.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>Titulo 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>


    ESTILOS CSS

    * {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.5em ; 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-right: 1px solid black ; border-left: 1px solid black ; height: 85px}
    #logotipo {width: 280px ; float: left}
    #publicidad {width: 518px ; float: right ; margin-top: 25px ; font-size: 16px}
    #navegacion {background-color: gray ; border: 1px solid black ; 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: 1px solid black ;border-right: 1px solid black}
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: orange ; 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 {font-size: 12px ; text-decoration: none ; padding-top: 12px ; background-image: url(objetos/menu-parte-superior.gif)}
    #pie {background-color: white ; border-top: 1px solid black ; border-right: 1px solid black ; border-left: 1px solid black ; height: 65px}
    #pie li {list-style: none ; font-size: 10px}
    #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 {}


    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');

    TransMenu.renderAll();
    }



    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 = ''; }
    }
    }


    DE ANTE MANO MUCHAS GRACIAS POR ENSEÑARME ALGO QUE ANTES NO ENTENDIA NI JOTA.
    • Estudiar no es aprender.
    Yaneth · · Solicitar retirada
    Hola

    empezamos con los fallos de css

    debe ser
    background-repeat: no-repeat

    #curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no repeat ; width:800px ; height: 12px ; overflow: hidden}

    #curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no repeat ; width:800px ; height: 12px ; overflow: hidden}

    en html

    el gran fallo está en que te falta cerrar el ul de menu
    en rojo lo que te falta

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

    saludos
    • neoclayo · · Solicitar retirada
    disculpa mi ignorancia...

    ¿Como puedo subir los documentos a la red???
    Estudiar no es aprender.
    neoclayo · · Solicitar retirada
    Es decir, subi todo todo a la red, e incluso le cambie el nombre a no-tocar.txt a transmenuC.txt .....

    Subi todas las imagenes, subi todo de todo a la pagina ya mencionada al principio de este tema.

    No se si me faltara informacion para entregarles, para que se pueda resolver todo este embrollo...

    Pero por el momento he chequeado todo una y mil veces, y todo lo que tengo en mi carpetita de ejemplo, es todo lo que esta en mi web.
    Estudiar no es aprender.
    Yaneth · · Solicitar retirada
    Hola de nuevo disculpame tu, que no cheque bien
    antes de responderte

    ya nos habias puesto la url
    por eso edité mi respuesta
    y te puse el fallo

    saludos
    neoclayo · · Solicitar retirada
    Muchas gracias por hacerme ver los fallos de mi web.

    Ya los arregle todos los indicados, pero aun asi persiste el problema.

    No se si es mi pc, pero cuando uno quiere abrir el menu desplegable, se abre abajo de la pagina, y nisiquiera con una apariencia que uno dijera no importa si igual se ve bien, sino que es un verdadero fiasco mi menu.

    Cualquier documento que necesites solo dimelo y lo subo, muchas gracias por todo y disculpe mis molestias.
    Estudiar no es aprender.
    neoclayo · · Solicitar retirada
    Muchas gracias por hacerme ver los fallos de mi web.

    Ya los arregle todos los indicados, pero aun asi persiste el problema.

    No se si es mi pc, pero cuando uno quiere abrir el menu desplegable, se abre abajo de la pagina, y nisiquiera con una apariencia que uno dijera no importa si igual se ve bien, sino que es un verdadero fiasco mi menu.

    Cualquier documento que necesites solo dimelo y lo subo, muchas gracias por todo y disculpe mis molestias.
    Estudiar no es aprender.
    Yaneth · · Solicitar retirada
    Hola de nuevo

    si checas en tus documentos
    numero de menus.txt y
    definir menus.txt

    haces referencia a desplegable1, 2, y 3

    pero..... en el html

    solo indicas un desplegable

    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>

    agregale el 2 y el 3
    y nos cuentas

    saludos
    • neoclayo · · Solicitar retirada
    Ok, ya lo ise, mensiono los menus en la plantilla, y aun asi, se muestra muy feo el menu, e incluso no toma en cuenta la seccion2 y seccion3 aunuqe las halla mencionado.

    Que problemon, Alguna cosa debi haber hecho mal y no nos hemos dado cuenta.
    Y por si fuera poco, pincho alguna subseccion, y me redirecciona a esta pagina: http://host.atwebpages.com/web_hosting_needs.html.

    Bueno pero, de todos modos muuuchas gracias.
    Yo tambien por mi lado busco algunas soluciones o errores, pero no soy tan pillo.

    Ojala lo pueda solucionar lo mas pronto.

    Por aora lo que me tiene preocupado es el aspecto del menu que esta por debajo de toda la web.

    Muchas gracias por la colaboracion.
    Estudiar no es aprender.
    Yaneth · · Solicitar retirada
    Hola

    hoy ando mas atolondrada que de costumbre jejej

    checa tu documento

    definir-menus.txt

    y fijate cuantos desplegables tienes definidos ahi

    saludos
    Yaneth · · Solicitar retirada
    Yyyyyyyyy

    Cconfirma que subiste el doc.

    estilo-menu-desplegable

    saludos
    neoclayo · · Solicitar retirada
    Tengo tres me parece...

    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');

    Era eso de estilo-menu-desplegable.
    Aora, solo me falta que reconozca las otras dos secciones.
    Y que aparezcan los puntitos y las flechas.

    Muchas gracias yaneth por ayudarme por lo menos a encontrar un error, sin usted no lo ubiera podido lograr, muchas gracias
    Estudiar no es aprender.
    Yaneth · · Solicitar retirada
    Pues confirma que lo subiste bien

    poqrue en la red, no sale asi

    yyyyyy... hasta mañana,
    ya me tengo que ir, mañana le doy otra checada+

    saludos
    neoclayo · · Solicitar retirada
    eeeeeeeeeeeeeeee. Muchas gracias yaneth, de verdad me has sido de mucha ayuda.

    He solucionado todo todo, menos lo del punto y la flecha que todavia no aparecen, trabajare pòr resolverlo hoy mismo, y no tengas la lata de mañana revisarlo denuevo, asi que muchas gracias por todo.