Problemas con menu desplegable - Leccion 4

anita150202 · 25 Nov 2008, 08:30 · Solicitar retirada

Hola estoy atascada porque no consigo que me salgan los menus desplegables; me indica lo siguiente :
Error en el script de esta página
Línea :2
Caracter:1
Error : TRansMenu no está definido
Codigo 0
file:///C:/Documents%20and%20Settings/Alberto/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/plantilla.html

Mi 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

</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 el 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 sangrias por la izquierda a la primera línea, que queda mucho mejor</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

Top Site

Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
<script languaje="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Mi.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.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;widht: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 ; width:auto ;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-curva-superior.gif);padding-top:12px}
#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 : 498 px}
#pietres {float:left ; width :150px }
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;widht: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{}

Mi URL

http://rectificadossami.onlinewebshop.net/plantilla.html

Por favor si alguien puede ayudarme lo agradezco ... :lol:

Raulyure · 25 Nov 2008, 12:59 · Solicitar retirada

anita150202 escribió:Hola estoy atascada porque no consigo que me salgan los menus desplegables; me indica lo siguiente :
Error en el script de esta página
Línea :2
Caracter:1
Error : TRansMenu no está definido
Codigo 0
file:///C:/Documents%20and%20Settings/Alberto/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/plantilla.html

Mi 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

</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 el 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 sangrias por la izquierda a la primera línea, que queda mucho mejor</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
Top Site
Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
<script languaje="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Mi.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.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;widht: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 ; width:auto ;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-curva-superior.gif);padding-top:12px}
#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 : 498 px}
#pietres {float:left ; width :150px }
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;widht: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{}

Mi URL

http://rectificadossami.onlinewebshop.net/plantilla.html

Por favor si alguien puede ayudarme lo agradezco ... :lol:

Hola:
Por ahora le sugiero que cree una carpeta en su escritorio, pongale cualquier nombre, por ejemplo -- menus-- luego vaya a su carpeta del escritorio donde tiene el archivo 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 y luego copie ese archivo dentro de su carpeta "web-ejemplo-cctw", Luego en su página donde tiene (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 para que veamos mejor cual puede ser el problema
Saludos

ANA SORIA · 25 Nov 2008, 20:00 · Solicitar retirada

Muhcas gracias. Solucionado !!!!!!!

fakun · 29 Dic 2008, 00:30 · Solicitar retirada

tengo unprblema con el menu desplegable. me marca un error de objeto se esperaba un objeto

mi plantilla es esta:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DONOSTIFONDUE.COM</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="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">"CREAMOS SENSACIONES"</div>
</div>

<div id="navegacion">
<ul>

INICIO

QUIENES SOMOS

SERVICIOS

TENTACIONES

EVENTOS

CONTRATACION

</div>
<div id="contenido">
<div id="menu">
<h1>PAGINA PRINCIPAL</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>SOMOS LA PRIMERA EMPRESA DE GUIPUZCOA ESPECIALIZADA EN FUENTES DE CHOCOLATE</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>

Y este es el tercer párrafo.

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">Copyright © 2007 - Donosti Fondue SL. - domingo, 28 de diciembre de 2008.-</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

y mi estilo este:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:chocolate ; 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 {{background-color: #000000 ; text-align: center }

#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior[1].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: white ; border: black 1px solid ; height: 20px}
#navegacion li {float: left ; list-style:none ; margin: 0px 10px 0px 10px }

#navegacion ul { margin-left: 100px ; margin-rigth: 100px}

#contenido {background-color: chocolate ; 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[1].gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior[1].gif) }

#curva-inferior { background-image: url(objetos/curva-inferior[1].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: pink ; text-decoration:underline ; background-color: silver}
a:active {}

he leido a otros usuarios e echo algo parecido y no logro despegar la bara de menus

gracias

Raulyure · 29 Dic 2008, 01:19 · Solicitar retirada

fakun escribió:

----------------------------------------------------------------
Hola:
En la lista que usted tiene puesta en la capa navegación, por ejemplo INICIO, QUIENES SOMOS etc. etc. los ha puesto con mayúsculas, así que le sugiero (por mientras nada más) que vaya a su hoja de estilo-general, y en la capa #navegacion{etc. etc. etc.}, le suba el height:20px y pongale 25px.

Luego un poco más abajo tiene la que dice #navegacion ul{etc. etc.etc.}
Le sugiero que elimine ese margin:right:100px, déjele solo el margin:left y súbale al margin left a 160px por lo menos

Luego por allí está la que dice #contenido p{etc. etc. etc.}
Usted le tiene puesto un margin etc. etc. etc.
Le sugiero que lo ponga así:
#contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
Después que lleve a cabo esas sugerencias veremos lo de los menus desplegables, ya que cualquiera de esos detalles, puede que les esté afectándo
Saludos