hola
os cuento mi nuevo problema:
cuando hice el curso, los menus desplegables me funcionaron,
cuando me he puesto a hacer cambios incorporaciones, nuevas y demas han dejado de funcionar, y lo malo es que he desandado los pasos y no me funciona.
os dejo los codigos por si veis el fallo
gracias de antemano
plantilla html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>es una opcion; hazlo seguro, concesuado y libre</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</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]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección1
Sección2
Sección3
</div>
<div id="contenido">
<div id="encuesta">
<h1>encuesta</h1>
<SCRIPT SRC="http://encuesta.weborama.com/ID/49170/encuesta.js"></SCRIPT>
</div>
<div id="menu">
<ul>
<h1>Seccion BRICO-SADO</h1>
<h2>catalogo</h2>
silla de castigo cepo para el pecho enlace1 enlace1
</div>
<div id="pensamiento">
<ul>
<h1>DEJANOS UN PENSAMIENTO</h1>
<script type="text/javascript" src="http://tagboard.miarroba.com/ver.php?id=179472"></script>
</div>
<h1>Esta será la zona principal de la web</h1>
y este va a ser el segunfo parafo, da igual que este mal escrito es solo para porbar</p>
<h2>este es el tecero mucho mas largo</h2>
puede que mejor escrito o incluso peor pero bueno solo se trata de rellaenar y salirme `por debajo, hasdkfu dñifsdhiosdjdfignu`fgnubbnfgnunugnu`gnugfnu`
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>
estamos casi listo</p>
<script language="JavaScript1.2">
// ancho
var marqueewidth=500
// alto
var marqueeheight=30
// velocidad
var speed=1
// contenido
var marqueecontents='EQUIPAMOS TU MAZMORRA, SECCION: BRICO-SADO'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
</div>
contador de visitas[contenido no disponible]</p>
<div id="pie">
<div id="pieuno"><ul>Foro Ejemplo [correo eliminado] Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul> chat TopSite Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
</script>
</body>
</html>
estilos generales:
#cabecera {background-color: white; border-left: black 1px solid ;
border-right: black 1px solid ; height:60 px}
#logotipo {background-color: brown ; width:280px ; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {background-color:white; 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 20px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: green}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#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 }
##pie a {color: black; 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}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#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 }
#encuesta {background-color: red ; width: 150px ; float:right; text-align:center; margin: 3px 3px 3px 10px; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;padding-bottom:5px }
#pensamiento {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin: 165px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;padding-bottom:5px }
#contenido {background-color:white ; border-left: black 1px solid ; border-right: black 1px solid }
#menu li { list-style:none; margin: 4px 8px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
#pensamiento li { list-style:none; margin: 4px 8px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#encuesta h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#pensamiento h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
a {color: blue ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
border: 1px solid black ;
#curva-superior { background-image: url(objetos/linea017.gif) ; background-repeat: no-repeat }#curva-superior { background-image: url(objetos/linea017.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow : hidden }
#curva-inferior { background-image: url(objetos/linea017.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
definir menu text
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');
TransMenu.renderAll();
}
os cuento mi nuevo problema:
cuando hice el curso, los menus desplegables me funcionaron,
cuando me he puesto a hacer cambios incorporaciones, nuevas y demas han dejado de funcionar, y lo malo es que he desandado los pasos y no me funciona.
os dejo los codigos por si veis el fallo
gracias de antemano
plantilla html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>es una opcion; hazlo seguro, concesuado y libre</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</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]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="encuesta">
<h1>encuesta</h1>
<SCRIPT SRC="http://encuesta.weborama.com/ID/49170/encuesta.js"></SCRIPT>
</div>
<div id="menu">
<ul>
<h1>Seccion BRICO-SADO</h1>
<h2>catalogo</h2>
</div>
<div id="pensamiento">
<ul>
<h1>DEJANOS UN PENSAMIENTO</h1>
<script type="text/javascript" src="http://tagboard.miarroba.com/ver.php?id=179472"></script>
</div>
<h1>Esta será la zona principal de la web</h1>
y este va a ser el segunfo parafo, da igual que este mal escrito es solo para porbar</p>
<h2>este es el tecero mucho mas largo</h2>
puede que mejor escrito o incluso peor pero bueno solo se trata de rellaenar y salirme `por debajo, hasdkfu dñifsdhiosdjdfignu`fgnubbnfgnunugnu`gnugfnu`
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>
estamos casi listo</p>
<script language="JavaScript1.2">
// ancho
var marqueewidth=500
// alto
var marqueeheight=30
// velocidad
var speed=1
// contenido
var marqueecontents='EQUIPAMOS TU MAZMORRA, SECCION: BRICO-SADO'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
</div>
contador de visitas[contenido no disponible]</p>
<div id="pie">
<div id="pieuno"><ul>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>
</div>
<div id="curva-inferior"></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
</script>
</body>
</html>
estilos generales:
#cabecera {background-color: white; border-left: black 1px solid ;
border-right: black 1px solid ; height:60 px}
#logotipo {background-color: brown ; width:280px ; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {background-color:white; 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 20px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: green}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#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 }
##pie a {color: black; 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}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#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 }
#encuesta {background-color: red ; width: 150px ; float:right; text-align:center; margin: 3px 3px 3px 10px; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;padding-bottom:5px }
#pensamiento {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin: 165px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;padding-bottom:5px }
#contenido {background-color:white ; border-left: black 1px solid ; border-right: black 1px solid }
#menu li { list-style:none; margin: 4px 8px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
#pensamiento li { list-style:none; margin: 4px 8px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#encuesta h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#pensamiento h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
a {color: blue ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
border: 1px solid black ;
#curva-superior { background-image: url(objetos/linea017.gif) ; background-repeat: no-repeat }#curva-superior { background-image: url(objetos/linea017.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow : hidden }
#curva-inferior { background-image: url(objetos/linea017.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
definir menu text
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');
TransMenu.renderAll();
}