Problemas con los menus desplegables

josemacada · 18 Feb 2008, 17:40 · Solicitar retirada

Acabo de terminar la tercera lección y todo iba perfectamente. El menú de la Sección 1 salía bien, pero despues de copiar para los menus de las otras secciones (3 y 4) algo he hecho mal que ya no va, incluso cuando hago vista previa me sale un error de pagina que dice que falta un objeto o algo así, yo creo que todo lo he hecho bien, eso creo, jejeje pero algo falla y no se que es. Los submenus ni se pespliegan, ni na de na.
Ayuda por favor. :cry:

grupossex · 18 Feb 2008, 18:16 · Solicitar retirada

no me aparece mas la carpeta donde puedo subir mis progrmaas a la web???
sera que hice algo mal???
como la recupero??
tambien les dejo la plantilla html, las oja de estilo css y por ultimo y la hoja de como definir nuevos menus pleace necesito poder seguir con las lecciones....

-------------------
plantilla html
-------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type="text/css"href="estilo-general.css"media="all">
<link rel="stylesheet"type="text/css"href="estilo-menu-desplegable.css">
<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>

seccion 1

seccion 2

seccion 3

seccion 4

</div>
<div id="contenido">
<div id="menu">
<h1>titulo de seccion 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta sera la zona principal de la web</h1>

En EstrategiasdePublicidad.com te ayudamos a promover y fortalecer tu empresa,
producto, sitio web o profesión,
mediante dos cosas básicas que obtendrás de nuestros servicios:
Una estrategia y una idea creativa para esa estrategia.</p>
<h2>Si quieres que tu publicidad sea realmente eficaz</h2>

vas a necesitar mucho mas que un buen diseño o una buena idea...</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">piedos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="JavaScript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

------------------------
estilos-generales-css
------------------------

*{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p{text-align:justify}
h1{front-size: 1.2em; color:blue ; font-weight:bold ; text-decoration:underline;
text-align:center}
h2{font.size: 1.1em; color : blue ; font-weigth: 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.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: 20 px}
#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 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: 12 px ; 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 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:brow; 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.txt
----------------------

if (TransMenu.isSupported())
{
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');
TransMenu.renderAll();
}

desde ya muchas gracias a todos por su atencion.

josemacada · 18 Feb 2008, 19:31 · Solicitar retirada

Me parece muy bien gurpossex pero crea un nuevo tema para tí, deja este para que me solucionen mi problema, gracias

Yaneth · 18 Feb 2008, 19:37 · Solicitar retirada

asi es

te falta definir los desplegables 2 y tres

por eso te falta un objeto

leete esta página

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

josemacada · 18 Feb 2008, 19:50 · Solicitar retirada

Los tengo definidos Yanet pero no sé que pasa te envio la plantilla, los estilos y los menus haber si tú ves algo raro. Luego hablamos del erro de
página

Plantilla------------------------------------------------

p<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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.</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 id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Estilos--------------------------------

* { 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:16 px }
#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: 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 { text-decoration: none ; font-size: 12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: white ; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno { float:left ; width:150px ; border-left: black 1px solid }
#piedos { float:left ; width:500px }
#pietres { float:left ; width:150px ; border-right: black 1px solid}
#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 menus----------------------

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');
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 2','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');
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 2','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');
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 2','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();
}

Yaneth · 18 Feb 2008, 22:30 · Solicitar retirada

mmmm ya lo subiste????

subelo y dame la url para verlo

saludos

josemacada · 19 Feb 2008, 14:41 · Solicitar retirada

la url es http://mirajaen.myartsonline.con

Yaneth · 19 Feb 2008, 17:45 · Solicitar retirada

que raro

no me deja entrar

a ti si te deja????

Jugoncan · 19 Feb 2008, 18:09 · Solicitar retirada

Sería http://mirajaen.myartsonline.com/plantilla.html , jeje, le habías puesto .con :wink:

josemacada · 19 Feb 2008, 20:32 · Solicitar retirada

Ups perdon, las prisas, quise decir:
http://mirajaen.myartsonline.com/plantilla.html
Una ayudita por lo que valga

Yaneth · 19 Feb 2008, 21:22 · Solicitar retirada

mmm

pues el unico fallo que veo es que te falta cerrar el div pie

ya utilizo tus plantilla ty me funciona perfecto

en los codigos que pegaste aqui
veo que definiste los 3 desplegables

pero... en lo que tienes arriba, solo tienes definido un desplegable

mmmmmm

checa bien los documentos o bien
bajalos de nuevo, por si alguno se bajó mal

saludos