Pongo la página de plantilla y de estilo general. Gracias.
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 on load="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
</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>
capetillo escribió:Pongo la página de plantilla y de estilo general. Gracias.
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 on load="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
</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>
así como le muestro es como debe tener en su página ese código, creo que me da la idea de que la palabra onload la tiene separada.
Para ir de una página a otra por ejemplo desde el index a otra página debe poner en el index en cualquier parte entre el <body> y el </body> un enlace hacia dicha página, por ejemplo para ir desde el index hacia la pagina plantilla
pero sigue saliendo el mismo error que ponia en mi primer post.
Además he puesto lo del enlace y en la presentación sale pero luego cuando entro en la página lo que sale es lo que tengo en la página index no en la de palntilla.
capetillo escribió:Solucionado lo del enlace. Solamente me falta solucionar lo del error a la hora de situar los menus desplegables.
Aunque me cueste lo voy a conseguir jajaj
gracias
Hola:
Le sugiero por ahora que haga lo siguiente, cree una carpeta en el escritorio, pongale el nombre que quiera, por ejemplo desplegable.
Luego vaya a su carpeta del escritorio donde tiene sus paginas y copie el archivo que dice no-tocar, y péguelo en la carpeta que había creado, (déjelo allí).
Ahora vuelva a la carpeta donde tiene sus paginas , hágale click derecho al archivo no-tocar.txt, y en el desplegable que se abre , elija Cambiar Nombre, el nombre se pondrá de color azul.
Borrele el nombre, solo el nombre, no borre lo que dice .txt
Y escriba antes del .txt lo siguiente.
transMenu
cosa que le quede todo así: transMenu.txt
Luego vaya a su página y donde tiene puesto <script language="javascript" src="no-tocar.txt" type="text/javascript"></script> Borre donde dice no-tocar (no borre el .txt) y escriba transMenu cosa que le quede así
Una cosa, rcuerde que debe subir los cambios, y una vez subidos debe actualizar la página en el icono que hay en la barra de herramientas de su navegador arriba. Y cuando vaya a ver su página escríbala en la barra de direcciones del navegador, no utilice por ahora el desplegable, del navegador, por que solo le mostrará la versión anterior de su página, hasta que no se borren los archivos temporales
ya he hecho esos cambios y sigue dando el mismo error, adjunto como queda la plantilla y la hoja de estilo general.
Plantilla:
<!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="transMenu.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
</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>
Le sugiero ahora que acá donde dice la palabra desplegable1 desplegable2, y desplegable3 le ponga unas comillas antes de la de la palabra desplegable, así como se lo dejo acá:
capetillo escribió:Hecho!!! pero sigue dandome el mismo error
Hola: Le sugiero ahora que en su hoja de estilo-general vaya a la capa contenido (#contenido{bla bla bla} y le ponga un width:auto;
Luego a la que se llama contenido p #contenido p{margin:5px 10px 0px 10px}Usted la tiene así Le modifique y déjela así. #contenido p{padding:5px 10px 5px 10px;} Póngala así
Luego en la capa #navegacion pongale por ahora un height:25px, no el que tiene ahora que es de 20px
Luego vaya a donde dice #pie li{bla bla bla} Y quítele el height:35px
Fuera de todo eso, Usted en su escritorio tiene la carpeta donde tiene sus archivos de la web, pues necesitamos que nos pegue acá los códigos que tiene en el archivo numero-de-menus y los que tiene en el archivo definir-menus.
Si eso es todo lo que tiene en esos archivos, entonces veremos, la forma de solucionar algunas cosas.
En el archivo numero-de-menus, usted tiene definido tres menus desplegables, que corresponden a los que estan en la capa navegacion . ........... Este define al que se llama Seccion 1
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; }; desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; } ................................. Resumiendo, en el archivo que se llama numero-de-menus, usted tiene definido para que funcione la Seccion 1, la Seccion 2, y la Seccion 3 que tiene usted en la capa navegacion.
Eso significa que por ahora todo está bien en ese archivo. ---------------------------------------------------------------
Cosa diferente sucede en el archivo que se llama definir-menus, porque por lo que usted pone acá en el spot, solo tiene definido los desplegables de la Seccion 1, faltaría definir los desplegables de la Seccion 2 y los de la Seccion 3.
Esto es lo que usted tiene en su archivo definir-menus, y eso define solo a la Seccion 1 de su capa navegacion. O sea, todo ese grupo de códigos (menos lo que estrá en rojo) solo define la Seccion 1 de los desplegables que hay en su capa de navegacion
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 desplegable2_0 = desplegable1.addMenu(desplegable1.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'); desplegable1.addItem('Seccion 3','ruta'); TransMenu.renderAll(); }
Lo que le he puesto en rojo eso no hay que tocarlo, porque para que se haga una idea esos códigos vienen siendo como cuando usted pone las cosas en su pagina entre el <body> y el </body> .En este caso sería uno, el body de arriba y el del final, el body de abajo. Solo es un ejemplo para que lo entienda. También debe arreglar en ese grupo algunos numeros 2 que no tienen que estar allí, pero eso ya se lo dejaré puesto yo acá mas abajo .
Bien, todo le que se ponga entre lo que le puse en rojo arriba y rojo abajo, definirá a las Secciones de los menus desplegables que usted tiene en la capa navegacion, y como se ve que por ahora solo tiene definida la Seccion 1 con todos sus desplegables etc.
Entonces lo que hay que hacer ahora es definir las otras dos secciones, esto lo puede hacer copiando todo ese grupo de códigos y pegándolos abajo de los que ya tiene.
No hay que copiar lo que está en rojo, solo ese grupo entero
Acá le muestro también el como debiera de tener el primer grupo, para que le arregle esos numeros 2 que no tienen que estar allí, despues que arregle esos numeros, ya puede copiar todo ese grupo y pegarlo mas abajo
---------------------------------------------------------------- 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');
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');
---------------------------------------------- TransMenu.renderAll(); } ------------------------------------------------ Si se da cuenta acá en el ejemplo de arriba hemos copiado todo lo referente a la Seccion 1, así que ahora tenemos dos Secciones, pero al haberla copiado, resulta que los dos grupos ahora pertenecen a la Seccion 1,
Por tanto al grupo que hemos puesto abajo, habrá que hacer que definan a la Seccion 2 , y para eso habrá que poner el número 2 en varias partes de ese grupo. Como por ejemplo asi:
---------------------------------------------------------------- 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');
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');
Ahora como ve, ya tenemos definido los desplegables de la Seccion 1 y los de la Seccion 2.
Ahora para definir los desplegables de la Seccion 3, solo hay que volver a copiar todo un grupo de códigos, (solo un grupo, que para eso se los dejo acá separados, para que pueda seleccionarlo y copiarlo mas abajo y cambiar los numeros y ponerles el 3 a donde hay que ponerselo
Pero eso ya lo hará usted. Recuerde que solo basta seleccionar un grupo,darle a copiar y pegarlo mas abajo, y luego cambiar los numeros que haya que cambiar y ponerles el numero tres
Así como se lo dejo en el ejemplo, es como debiera de tener esos códigos en el archivo definir-menus, faltándo solo definir el grupo que corresponde a la Seccion 3 de su capa de navegacion
Seguramente estas utilizando el preview del html-kit, por mas de que veas que errores tienes jamas lo solucionaras, ya que el problema no esta en tu pagina sino en el preview del html-kit, si lo miras con firefox o internet explorer segurmante funcionara :wink:
capetillo escribió:Me sigue dando error y no sale el desplegable ¿Qué debo hacer?
Hola:
Sería tan amable de ponernos los códigos que tiene usted en el archivo definir-menus?. Pero todo lo que tiene allí desde el primer signo hasta el último signo
Lo primero que hay allí es esto: if (TransMenu.isSupported()) {
Lo último que hay allí es esto: TransMenu.renderAll(); }
todo lo demás va dentro de esos dos códigos
Copie todo lo que tenga en el archivo definir-menus.txt y los pega en un spot.
También pegue todo lo que tenga en el archivo numero-de-menus.txt
Y ponganos los nombres exactos de como se llaman sus archivos, por ejemplo debieran de llamarse definir-menus.txt numero-de-menus.txt transMenuC.txt estilo-menu-desplegable.css
Las imagenes que tiene en su carpeta objetos, las que tienen que ver con los desplegables Tienen por nombre
Luego, no estoy seguro, pero parece ser que usted tiene una imagen que le está invadiendo desde la capa de arriba hacia la capa navegación, sería bueno que por ahora la quitara hasta arreglar lo de los menus desplegables
En teoría en el archivo defibir-menus, está correcto, lo que no lo está es el archivo numero-de-menus, este que nos ha puesto usted, y que le muestro acá abajo
Número de menús:
function init() { if (TransMenu.isSupported()) { TransMenu.initialize();
En el onactive es desplegable1 y mas adelante tambien debe decir desplegable1 En el ondeactive dice desplegable1 y mas adelante debe decir desplegable1. Eso está correcto.
Pero en el onactive dice desplegable2 ¿y porqué mas adelante dice desplegable1 cuando también debiera de decir desplegable2 En el ondeactive dice desplegable2 ¿y porqué mas adelante dice desplegable1, cuando debiera también decir desplegable2?
En el onactive dice desplegable3 y mas adelante dice desplegable1. ¿No debiera de decir desplegable3? En el ondeactive dice desplegable3. Y mas adelante debiera de decir desplegable3. --------------------------------
Acá le dejo el como debiera de tener esos códigos.
No esté mucho tiempo frente a la pantalla, que al final se nos borran los números y todos nos parecen iguales
function init() { if (TransMenu.isSupported()) { TransMenu.initialize();
