Saludos me pueden ayudar a poner de forma correcta los codigos de este menu??
No me sale como le indico, ni las medidas de los botones, ni la posicion, tampoco me oculta las subpaginas.
CODIGO POR ENCIMA PAGINA:
<body style="color: black; background-color: black;" alink="#cc0000"
link="#cc0000" vlink="#a48320">
<div style="height: 19px;" id="contenedor"><br>
<div style="height: 229px; width: 973px;" id="cabezal"><br>
</div>
<div id="sidebar"><br>
</div>
<div style="width: 581px;" id="sidebar2"><br>
</div>
<div id="sidebar3"><br>
</div>
<div id="sidebar">
<ul id="menunav">
<li><a href="http://cosasdelmisterio.es.tl/INICIO.htm">Inicio</a></li>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA.htm" class="menutrg">Galeria</a>
<ul>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA-FOTOS.htm" class="menutrg">Galeria Fotos</a>
<ul>
<li><a href="http://cosasdelmisterio.es.tl/RESULTADOS-FOTOGRAFIAS.htm">Resultados Investigaciones</a></li>
<li><a href="http://cosasdelmisterio.es.tl/LUGARES-INVESTIGADOS.htm">Lugares Investigados</a></li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA-VIDEOS.htm" class="menutrg">Galeria Videos</a>
<ul>
<li><a href="#">Botón 3 - 2 - 1</a></li>
<li><a href="#">Botón 3 - 2 - 2</a></li>
<li><a href="#">Botón 3 - 2 - 3</a></li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/Galeria-Audio.htm" class="menutrg">Galeria Audio</a>
<ul>
<li><a href="#">Botón 3 - 3 - 1</a></li>
<li><a href="#">Botón 3 - 3 - 2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/Noticias.htm">Noticias/Eventos</a></li>
<li><a href="http://cosasdelmisterio.es.tl/SOBRE-NOSOTROS.htm">Sobre Nosotros</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Links-paginas-afines.htm">Links</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Libro-de-visitantes.htm">Libro Visitas</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Encuestas.htm">Encuestas</a></li>
<li><a href="http://cosasdelmisterio.es.tl/COLABORA-CON-NOSOTROS.htm">Colabora</a></li>
<li><a href="http://cosasdelmisterio.es.tl/INICIO.htm" class="menutrg">Inicio2</a>
<ul>
<li><a href="#">Botón 1 - 1</a></li>
<li><a href="#">Botón 1 - 2</a></li>
<li><a href="#">Botón 1 - 3</a></li>
</ul>
</li>
<li><a href="#">Botón 4</a></li>
</ul>
</div>
CODIGO POR DEBAJO DE LA PAGINA:
<div id="boxderecha"><br>
<center> <hed><a href="http://losduendes.info/tienda/index.php"><img
style="width: 153px; height: 127px;" alt="Tienda Fantasia"
src="http://a.imageshack.us/img828/5619/logooficialduendes.jpg"
title="Los Duendes del Reloj"></a></hed><br>
<hed><a href="http://www.solovampiros.com/"><img alt="SoloVampiros"
src="http://img375.imageshack.us/img375/2861/logosolovampiros09.jpg"
title="SoloVampiros"></a></hed><br>
<hed><a href="http://www.undeadarkclub.com/"><img alt="Undead Dark
Club"
src="http://img826.imageshack.us/img826/2016/undeadlogo.jpg"
title="Undead Dark Club"></a></hed><br>
<hed><a href="http://www.obscureshop.com/"><img alt="Tienda gotica"
src="http://img716.imageshack.us/img716/5142/obscureshop.jpg"
title="Obscureshop - Tienda de ropa gotica y
alternativa"></a></hed></center><br /><center><hed><a href="http://cosasdelmisterio.es.tl/El-Grupo-en-Red.htm"><img alt="Cosas del Misterio en la Red"src="http://img545.imageshack.us/img545/6414/paginasdelgrupo.jpg" title=" Cosas del Misterio en la Red "/></a></hed></center><center><br /><hed><a href="http://www.facebook.com/pages/Cosas-del-Misterio/118968888127498"><img alt="FACEBOOK"src="http://img692.imageshack.us/img692/3117/iconofacebookcopia.jpg" title=" FACEBOOK"/></a></hed></center><br /><center><hed><a href="
http://www.twitter.com/Cosasdlmisterio "><img alt="TWITTER"src="http://img515.imageshack.us/img515/6320/twitterrotopequeo.jpg" title=" TWITTER"/></a></hed></center><br /><center><hed><a href="http://cosasdelmisterio.foro-activo.es/"><img alt="FORO OFICIAL"src="http://img718.imageshack.us/img718/4382/logooficialforogeneral.jpg"/></a></hed></center>
</div>
<center><div id="pie"><br>
</div><center><script src="http://h1.flashvortex.com/display.php?id=2_1295260213_49577_495_0_683_84_10_1_108" type="text/javascript"></script></center></br><script language="javascript" src="http://www.contadorgratis.net/hit.php?page=a07a08a99897d277ff4ea4397c761a0e&digit=bankgot"></script>
<br><font size=1><a href="http://cosasdelmisterio.es.tl/INICIO.htm" target="_blank">Cosas del Misterio</a></font>
<!-- FIN Codigo contadorgratis.net -->
</center>
</div></center>
CSS CODE SIN STYLE TANGS
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left:auto; margin-right:auto;}
#header_container {
display: none;
}
#nav_container {
display: none;
}
h2#title {
display: none;
}
#sidebar_container {
display: none;
}
body {
font-family: Parseltongue;
color: #A4A4A4;
background-color: #0B0B0B;
}
#contenedor {
background-color: black;
margin-right: auto;
margin-left: auto;
color: #0B0B0B;
width: 990px;
}
#cabezal {
background-image: url(http://img196.imageshack.us/img196/766/bannertlcopiacopia.jpg);
}
#sidebar2 {
width: 505px;
height: 38px;
margin-left: 200px;
margin-top: -38px;
background-image: url(http://img204.imageshack.us/img204/8096/titulocentrocopia.jpg);
background-position: center center;
}
#sidebar3 {
width: 185px;
height: 38px;
margin-left: 783px;
background-image: url(http://img840.imageshack.us/img840/7078/paginasamigassegunda.jpg);
background-position: center center;
margin-top: -38px;
}
body {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#menunav {
margin: 0;
padding:0;
}
#menunav li {
list-style-type: none;
margin: 0;
padding: 0;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
/* background-repeat: repeat-x; */
border-bottom: 1px solid #0074E3;
background-color: #0074E3;
}
#menunav ul {
border-top: 1px solid #eeeeee;
margin: 0;
padding: 0;
z-index: 10000;
}
#menunav ul li {
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #333333;
}
#menunav a {
display: block;
text-decoration: none;
background-color: transparent;
padding: 4px 12px 4px 10px;
color: #ffffff;
border-top: 1px solid #0061BD;
border-right: 1px solid #0061BD;
border-bottom: 0;
border-left: 4px solid #0061BD;
line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
background-image: url(http://img801.imageshack.us/img801/8505/efectomenu.jpg);
background-repeat: repeat;
background-position: right center;
}
#menunav .menutrg:hover {
background-position: right center;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
left: -9000px;
border: 0;
}
#menunav .menushow {
left: auto;
z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#content {
width: 565px;
min-height: 100px;
padding-left: 15px;
float: left;
color: #A4A4A4;
}
#boxderecha {
width: 200px;
min-height: 100px;
margin-left: 783px;
}
#pie {
background-image: url(http://img406.imageshack.us/img406/3671/finalpie.jpg);
background-position: center top;
width: 680px;
height: 169px;
clear: both;
}
/*modifica el menu madre */
#sidebar {
position: absolute;
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
function menu_set(){
var i,d='',h="<sty"+"le type="text/css">",tA=navigator.userAgent.toLowerCase();if(window.opera){
if(tA.indexOf("opera 5")>-1||tA.indexOf("opera 6")>-1){return;}}if(document.getElementById){
for(i=1;i<20;i++){d+='ul ';h+="n#menunav "+d+"{position:absolute;left:-9000px;width:11em;}";}
document.write(h+"n<"+"/sty"+"le>");}}menu_set();
/* modifica caracteristicas de apertura de menus */
function menu_init(){
var i,g,tD,tA,tU,pp,lvl,tn=navigator.userAgent.toLowerCase();if(window.opera){
if(tn.indexOf("opera 5")>-1||tn.indexOf("opera 6")>-1){return;}}else if(!document.getElementById){return;}
menup=arguments;menuct=new Array;tD=document.getElementById('menunav');
if(tD){tA=tD.getElementsByTagName('A');
for(i=0;i<tA.length;i++){tA[i].menucl=menuct.length;
menuct[menuct.length]=tA[i];g=tA[i].parentNode.getElementsByTagName("UL");
tA[i].menusub=(g)?g[0]:false;ev=tA[i].getAttribute("onmouseover");
if(!ev||ev=='undefined'){tA[i].onmouseover=function(){
menu_trig(this);};}ev=tA[i].getAttribute("onfocus");
if(!ev||ev=='undefined'){tA[i].onfocus=function(){menu_trig(this);};}
if(tA[i].menusub){pp=tA[i].parentNode;
lvl=0;while(pp){if(pp.tagName&&pp.tagName=="UL"){lvl++;}pp=pp.parentNode;}
tA[i].menulv=lvl;}}tD.onmouseout=menu_close;menu_open();}
}
function menu_trig(a){
var b,t;if(document.menut){clearTimeout(document.menut);}document.menua=1;
b=(a.menusub)?'menu_show(':'menu_tg(';
t='document.menut=setTimeout("'+b+a.menucl+')",160)';eval (t);
}
/*muestra los menus */
function menu_show(a,bp){
var u,lv,oft,ofr,uw,uh,pp,aw,ah,adj,mR,mT,wW=0,
wH,w1,w2,w3,sct,pw,lc,pwv,xx=0,yy=0,wP=true;
var iem=(navigator.appVersion.indexOf("MSIE 5")>-1)?true:false,dce=document.documentElement,dby=document.body;
document.menua=1;
if(!bp){menu_tg(a);}u=menuct[a].menusub;
if(u.menuax&&u.menuax==1){return;}u.menuax=1;
lv=(menup[0]==1&&menuct[a].menulv==1)?true:false;
menuct[a].className=menuct[a].className.replace("menutrg","menuon");oft=parseInt(menup[3]);
ofr=parseInt(menup[4]);
uw=u.offsetWidth;uh=u.offsetHeight;pp=menuct[a];aw=pp.offsetWidth;ah=pp.offsetHeight;while(pp){xx+=(pp.offsetLeft)?pp.offsetLeft:0;
yy+=(pp.offsetTop)?pp.offsetTop:0;if(window.opera||navigator.userAgent.indexOf("Safari")>-1){
if(menuct[a].menulv!=1&&pp.nodeName=="BODY"){yy-=(pp.offsetTop)?pp.offsetTop:0;}}pp=pp.offsetParent;}
if(iem&&navigator.userAgent.indexOf("Mac")>-1){yy+=parseInt(dby.currentStyle.marginTop);}adj=parseInt((aw*ofr)/100);mR=(lv)?0:aw-adj;
adj=parseInt((ah*oft)/100);mT=(lv)?0:(ah-adj)*-1;w3=dby.parentNode.scrollLeft;if(!w3){w3=dby.scrollLeft;}w3=(w3)?w3:0;
if(dce&&dce.clientWidth){wW=dce.clientWidth+w3;}else if(dby){wW=dby.clientWidth+w3;}if(!wW){wW=0;wP=false;}wH=window.innerHeight;
if(!wH){wH=dce.clientHeight;if(!wH||wH<=0){wH=dby.clientHeight;}}sct=dby.parentNode.scrollTop;if(!sct){sct=dby.scrollTop;if(!sct){
sct=window.scrollY?window.scrollY:0;}}pw=xx+mR+uw;if(pw>wW&&wP){mR=uw*-1;mR+=10;if(lv){mR=(wW-xx)-uw;}}lc=xx+mR;if(lc<0){mR=xx*-1;}
pw=yy+uh+ah+mT-sct;pwv=wH-pw;if(pwv<0){mT+=pwv;}u.style.marginLeft=mR+'px';u.style.marginTop=mT+'px';
if(menup[2]==1){if(!iem){menu_anim(a,20);}}u.className="menushow";
}
/* oculta los menus */
function menu_hide(u){
var i,tt,ua;u.menuax=0;u.className="menuhide";
ua=u.parentNode.firstChild;ua.className=ua.className.replace("menuon","menutrg");
}
function menu_tg(a,b){
var i,u,tA,tU,pp;tA=menuct[a];pp=tA.parentNode;while(pp){if(pp.tagName=="UL"){break;}pp=pp.parentNode;}if(pp){
tU=pp.getElementsByTagName("UL");for(i=tU.length-1;i>-1;i--){if(b!=1&&tA.menusub==tU[i]){continue;}else{menu_hide(tU[i]);}}}
}
function menu_close(evt){
var pp,st,tS,m=true;evt=(evt)?evt:((event)?event:null);st=document.menua;if(st!=-1){if(evt){
tS=(evt.relatedTarget)?evt.relatedTarget:evt.toElement;if(tS){pp=tS.parentNode;while(pp){if(pp&&pp.id&&pp.id=="menunav"){m=false;
document.menua=1;break;}pp=pp.parentNode;}}if(m){document.menua=-1;if(document.menut){clearTimeout(document.menut);}
document.menut=setTimeout("menu_clr()",360);}}}
}
function menu_clr(){
var i,tU,tUU;document.menua=-1;tU=document.getElementById('menunav');if(tU){tUU=tU.getElementsByTagName("UL");if(tUU){
for(i=tUU.length-1;i>-1;i--){menu_hide(tUU[i]);}}}
}
/* crea la animación */
function menu_anim(a,st){
var g=menuct[a].menusub,sp=30,inc=20;st=(st>=100)?100:st;g.style.fontSize=st+"%";if(st<100){st+=inc;setTimeout("menu_anim("+a+","+st+")",sp);}
}
function menu_mark(){document.menuop=arguments;}
function menu_open(){
var i,x,tA,op,pp,wH,tA,aU,r1,k=-1,kk=-1,mt=new Array(1,'','');if(document.menuop){mt=document.menuop;}op=mt[0];if(op<1){return;}
tA=document.getElementById('menunav').getElementsByTagName("A");wH=window.location.href;r1=/index.[S]*/i;for(i=0;i<tA.length;i++){
if(tA[i].href){aU=tA[i].href.replace(r1,'');if(op>0){if(tA[i].href==wH||aU==wH){k=i;kk=-1;break;}}if(op==2){if(tA[i].firstChild){
if(tA[i].firstChild.nodeValue==mt[1]){kk=i;}}}if(op==3 && tA[i].href.indexOf(mt[1])>-1){kk=i;}if(op==4){for(x=1;x<mt.length;x+=2){
if(wH.indexOf(mt[x])>-1){if(tA[i].firstChild&&tA[i].firstChild.data){if(tA[i].firstChild.data==mt[x+1]){kk=i;break;}}}}}}}k=(kk>k)?kk:k;
if(k>-1){pp=tA[k].parentNode;while(pp){if(pp.nodeName=="LI"){pp.firstChild.className="menumark"+" "+pp.firstChild.className;}
pp=pp.parentNode;}}if(kk>-1){document.menuad=1;}menu_adma();menu_admb();
}
Gracias anticipadas, un saludo.
