ya vi todo y no me sale no se cual es el error
Esta el la planilla.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" 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 >
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div></p></a>
<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">
<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 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>
y quiero hacer una pregunta yo cuando puse el codigo scrip el en los achivos .txt los guarde y todo no cambio nada
este es el estilo-general.css
* {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 {}
#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: 280pxs; 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 10px 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-right:10px;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-1.gif) }
#pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid;height: 65px; text-align: center }
#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: 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 {}
este es el archivo 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');
y este es el 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 = ''; } ;
}
}
y no se cual es el vendito error
no me sale vista previa y lo subi a la red,los archivos,estilo-menu-desplegable.cc y tambien el estilo-general.css y nada
si algien me puede dar unas recumendaciones de que hacer lo agradeceria plis :wink:
Esta el la planilla.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" 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 >
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div></p></a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>
</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>
</div>
<div id="piedos">pie dos</div>
<div id="pietres"> <ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
y quiero hacer una pregunta yo cuando puse el codigo scrip el en los achivos .txt los guarde y todo no cambio nada
este es el estilo-general.css
* {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 {}
#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: 280pxs; 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 10px 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-right:10px;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-1.gif) }
#pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid;height: 65px; text-align: center }
#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: 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 {}
este es el archivo 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');
y este es el 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 = ''; } ;
}
}
y no se cual es el vendito error
no me sale vista previa y lo subi a la red,los archivos,estilo-menu-desplegable.cc y tambien el estilo-general.css y nada
si algien me puede dar unas recumendaciones de que hacer lo agradeceria plis :wink: