problema con el menu desplegable II

RAULILLO · 26 Dic 2008, 13:41 · Solicitar retirada

Estoy siguiendo el curso paso a paso,voy por la leccion 4(asociar archivos) y no se que he hecho que en la plantilla.css cuando pongo preview me sale un mensaje de error que dice:
se produjo un error en tienpo de ejecuccion
¿desea depurarlo?
linea :1
Error:"transmenu" no esta definido

si no
y lo mismo para las lineas 3 y 9.
mi plantilla.html es:

<!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">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

<title>Page title</title>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

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

Este es mi segundo parrafo.Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le
colocado aún la etiqueta de cierre.Voy a pomersela justo aquí.</p>
<h2>Y este es el tercer parrafo</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e
incluso a hacerles sanguias por la izquierda a la primera linea, que queda nucho mejor</p>

Anda fijate, salen todos centrados.Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda etc. voy a escribir
un poco mas porque como las letras del menu son mas grandes quiero probar como sale la
configuracion final.</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>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

y mi estilo-general.css es :

* {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}
#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 }
#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 {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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 }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; 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 ; background-image: url(objetos/menu-parte-superior.gif) }
#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 }
a {color: blue; font-size:1.3em ; text-decoration: none}
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 {}

si alguien ve los fallos help me!!

Yaneth · 26 Dic 2008, 19:41 · Solicitar retirada

hola

checa el indice de preguntas frecuentes
para que arregles el fallo en opera
asi se te quitarà ese mensaje de error

luego, subes todo y nos das la url para verlo

saludos

RAULILLO · 29 Dic 2008, 14:14 · Solicitar retirada

no entiendo lo que dices , es que yo no ando muy bien con esto de la informatica. el opera no lo tengo eso si lo se

Raulyure · 29 Dic 2008, 17:04 · Solicitar retirada

RAULILLO escribió:

Hola:
Lo que le ha dicho Yaneth, es que vaya en este mismo foro a la Seccion de Preguntas Frecuentes, allí hay una sugerencia para ir arreglándo lo del menu desplegable, y no importa que no tenga Opera, pero al archivo es bueno ponerle el nombre que debe llevar.

Acá le dejo el enlace a donde tiene que ir
http://www.comocreartuweb.com/phpBB2/ftopic9434-0-asc-0.html

Después que haga eso, lo que debe hacer es ordenar un poco su hoja de estilo. Más o menos la tiene que tener así:

* {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 }
#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 {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow; 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 ; background-image: url(objetos/menu-parte-superior.gif) }
#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: blue; font-size:1.3em ; text-decoration: none}
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 {}

Después que tenga todo eso,, si aún no se arregla lo del menu desplegable, entonces se verán otras cosas, pero primero le sugiero hacer eso.
Saludos

RAULILLO · 14 Ene 2009, 13:15 · Solicitar retirada

sigo teniendo el mismo problema , cuando le doy a vista previa en la plantilla me sale de nuevo el mensaje de error,ya no se que mas hacer .estoy a punto de tirar la toalla.

Yaneth · 14 Ene 2009, 16:46 · Solicitar retirada

tan pronto compañero???????????

no te desanimes, que esto apenas comienza
jejejejeje

dejanos la url de tu web, para darle una checada

saludos

Raulyure · 14 Ene 2009, 17:26 · Solicitar retirada

RAULILLO escribió:sigo teniendo el mismo problema , cuando le doy a vista previa en la plantilla me sale de nuevo el mensaje de error,ya no se que mas hacer .estoy a punto de tirar la toalla.

Hola:

Mire bien lo que usted tiene puesto en su página, este es un extracto de la capa navegación en que tiene sus menus desplegables

<div id="navegacion">
<ul>

<title>Page title</title>

Sección 1

Sección 2

Sección 3

Sección 4

</div>

Si se fija usted ha puesto una etiqueta que se llama <title>Page title</title>.

Esa es una etiqueta que se pone entre el <head> y el </head>, no dentro de la capa navegacion, en la capa navegacion solo va la lista de esos enlaces, así que le sugiero que elimine lo que dice <title>Page title</title>

Saludos

RAULILLO · 15 Ene 2009, 17:03 · Solicitar retirada

Hola Yaneth en cuanto me digas como te tengo que dar el url de mi web yo te lo doy ,lo siento pero no se demasiado sobre ordenadores, aunque con vosotros he aprendido ya un monton. GRACIAS

Yaneth · 15 Ene 2009, 17:45 · Solicitar retirada

aqui mismo

solo dinos como se llama tu web, para visitarla

saludos

RAULILLO · 15 Ene 2009, 22:09 · Solicitar retirada

creo que es www.limpiezasquerol.myartsonline.com, pero yo aun no he podido acceder a ella,no se que le pasa

Raulyure · 16 Ene 2009, 08:27 · Solicitar retirada

RAULILLO escribió:creo que es www.limpiezasquerol.myartsonline.com, pero yo aun no he podido acceder a ella,no se que le pasa

Hola:

En realidad su pagina se llama, limpiezasquerol.myartsonline.com, y cuando escribe en la barra de direcciones de su navegador debe poner http://limpiezasquerol.myartsonline.com, sin las www.

Aunque he tratado de entrar a su página y me da el error 403, y me muestra la pagina index que suele poner el servidor por defecto,o sea que el sitio existe, pero de alguna manera algo está desconfigurado.
O cuando subió el index lo puso en lugar equivocado o configuró mal el ftp del programa HTML-KIT, o no borró el index que pone el servidor para después usted subir el suyo

Si usted está utilizándo el programa HTML-KIT, yo sugeriría, que usted abriera el programa pusiera el cursor sobre la carpeta azul, le hiciera click derecho, y en el desplegable que se abre ir abajo, y poner el cursor en la pestaña donde dice Add/Remove FTP/Folder .

Se le abrirá un pequeño desplegable, en que debe elegir o pulsar en Remove Server/Folder, para así eliminar la carpeta azul de su programa HTML-KIT.

Seguramente le aparecerá una pequeña ventana diciéndole que si quiere realmente eliminar esa carpeta, le dice que si.

Luego cerraría el programa HTML-KIT, lo volvería a abrir y ahora configuraría el ftp del programa HTML-KIT correctamente.
........................................................

La manera de configurar el ftp del programa HTML-KIT es la siguiente:

Por ejemplo, para hacerlo.

Usted abre el programa HTML-KIT va a la pestaña workspace, la pulsa, en el desplegable que se abre elige "Añadir Carpeta Servidor FTP".

Se le abre una ventana, donde tendrá que poner los datos

En la casilla que se llama Server Adress, se escribe el nombre de la web.

Por ejemplo si cuando se registró usted le puso como nombre a su web limpiezasquerol y eligió el subdominio myartsonline.com, deberá poner en la casilla Server Adress lo siguiente: limpiezasquerol.myartsonline.com (exactamente así),( sin http ni www).

Luego en la casilla que se llama Login User Name deberá poner el username que le mandó Razy, que serán cinco o seis numeros, por ejemplo (123456).

Pero acá viene una cuestión, en el momento que usted haga click en esa casilla para poner allí su User Name, inmediatamente en la casilla Display Name, (una que está más abajo), se le pondrá automáticamente lo que usted puso en la casilla Server Adress (tenga en cuenta esto que le digo para cuando lleguemos a esa casilla), por tanto usted en la casilla Login User Name, escribe los numeros que le mandó Razy.

En la siguiente casilla, la que se llama Password, allí debe poner la contraseña que también le mandó Razy, que se componen de unos numeros y unas letras por ejemplo (b12345v6).

Entonces ahora llegamos a la casilla Display Name, en ella como le dije anteriormente se puso automáticamente lo mismo que está en la casilla Server Adress, por tanto lo que debe hacer usted es borrar lo que hay allí, y en su lugar escribir por ejemplo, limpiezasquerol-internet.

Luego en la casilla que se llama Initial directory, allí es donde debe poner lo mismo que tiene en la casilla Server Adress. o sea limpiezasquerol.myartsonline.com

Arriba a la derecha, hay un recuadro pequeño, que dice Port, seguramente ya está puesta la cifra 21, si está puesta, la deja tal como está, y si no lo está pues le pone 21 a esa casilla.

Luego por allí hay un recuadro que dice Remember password, que seguramente también estará marcado, lo deja tal como está, si no está marcado pues lo marca.

Luego más abajo, hay un recuadro que dice Pasive Mode, ese no estará marcado, pues TIENE que marcarlo, o hacerle click al recuadro para que quede marcado.

Luego se pulsa en OK.

Así se le creará la carpeta azul, le aparecerá a la izquierda y esa carpeta azul será el intermediario que usa el ftp para subir sus archivos al hosting.
Luego que ya tenga la carpeta azul, no haga nada, solo cierra todo el programa y lo vuelve a abrir.
..............................................................

¿Porqué le digo que cierre el programa?.
Porque es la forma que tiene el programa HTML-KIT de guardar lo que se hace en el .
......................................................

Como le digo, ahora vuelva a abrir el progarama y siga exactamente las instrucciones del curso que le explican como borrar la pagina index que pone el servidor por defecto, esta estará dentro de la carpeta azul, para que despues usted suba su propio index a esa carpeta azul.

Tenga cuidado con la casilla Display Name, que parece tontería, pero no lo es.

...............................
Para borrar el index que pone el servidor y poder subir el suyo

Bien, como se supone que usted ya tiene creado su propio index.html, lo que tiene que hacer es eliminar primero ese index.html de esa carpeta azul (el index que pone el servidor por defecto).

Para ello usted en la carpeta azul (la que se llama “limpiezasquerol-internet”), debe hacer click en el signo + para que le muestre ese index.html del que le hablaba (el que pone el servidor) (aparecerá abajo de la carpeta azul).

Para mayor seguridad, puede primero pulsar (click derecho en la carpeta azul, para en el desplegable elegir Conecct).

Entonces ahora hace click derecho en ese index.html que pone el servidor para que se abra un desplegable donde tiene usted que elegir "Delete" (para eliminarlo), así elimina ese index.html que ha puesto el servidor.
Luego, cierra todo el programa HTML-KIT.
.............................................................

Y ahora para subir su index.html (el suyo) que seguramente lo tendrá en la carpeta “web-ejemplo-cctw” que está en el escritorio, lo que debe hacer es abrir el programa HTML-KIT, y en la carpeta “limpiezasquerol-internet” (la azul) hacer clic derecho para que se abra el desplegable donde debe elegir “Connect”.

Después que esté conectado, vuelve a hacer lo mismo, (en la carpeta azul) click derecho pero ahora elige “upload”, (subir) así se abre una ventana en la que hay que buscar esa carpeta que se llama “web-ejemplo-cctw” (suponiendo que la carpeta en donde tiene el index guardado, se llama "web-ejemplo-cctw" (la del escritorio)

Cuando encuentre esa carpeta (web-ejemplo-cctw) la elige (doble click) y así en esa ventana aparecerán todos los archivos que tiene en esa carpeta.

Lógicamente usted quiere subir ese index.html que aparece allí, (solo hay que subir primero ese index.html) nada mas que el index.html.

Así que lo marca haciendo click izquierdo con el ratón y pulsa (abajo a la derecha) en ,“Abrir”, y así subiría su index.html al servidor, y ese index se pondría en esa carpeta azul .

Espere unos segundos sin hacer nada para que ese index suba, suele ponerse por un momento de color azul cuando ha terminado de subir.

Ahora cierre el programa HTML-KIT.

Ahora abra su navegador (el Internet Explorer, o el que usted tenga) y en la barra de direcciones borra la dirección que hay allí (que puede ser google o msn o el que usted tenga predeterminado, como le digo borre y ponga su dirección completa
o sea http://limpiezasquerol.myartsonline.com.

Asi le tendrá que mostrar su pagina index

Luego dirá, si no para ver el problema por otro lado
Saludos