Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-09-2008, 14:56 (UTC)    
Título del mensaje: [Resuelto]Necesito ayuda con mi menu

Hola y gracias por tu atencion.


HE decido crear un menu horizontal con css. Ya lo tengo creado y funciona bien. El problema llega cuando quiero poner este menu debajo del encabezado. Siempre que lo intento se me pone encima haci que desearia vuestra ayuda.

Este es el codigo de mi menu:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>QuickMenu Save Document</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

<!-- *** QuickMenu copyright (c) 2007, OpenCube Inc. All Rights Reserved.

   -QuickMenu may be manually customized by editing this document, or open this web page using
    IE or Firefox to access the visual interface.

-->


<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



   /* QuickMenu 0 */

   /*"""""""" (MAIN) Container""""""""*/   
   #qm0   
   {   
      padding:26px 0px 0px 28px;
      margin:0px;
      background-image:url(http://img524.imageshack.us/img524/2515/fondomenurojo3fc0.jpg);
      background-repeat:no-repeat;
   }


   /*"""""""" (MAIN) Items""""""""*/   
   #qm0 a   
   {   
      padding:5px 4px 5px 5px;
      color:#555555;
      font-family:Arial;
      font-size:10px;
      text-decoration:none;
   }


   /*"""""""" (MAIN) Hover State""""""""*/   
   #qm0 a:hover   
   {   
      background-image:url(http://img230.imageshack.us/img230/8135/menuhover2ej1.jpg);
      background-repeat:no-repeat;
   }


   /*"""""""" (MAIN) Active State""""""""*/   
   body #qm0 .qmactive, body #qm0 .qmactive:hover   
   {   
      background-image:url(http://img230.imageshack.us/img230/8135/menuhover2ej1.jpg);
   }


   /*"""""""" (MAIN) Persistent State""""""""*/   
   body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover   
   {   
      background-image:url(http://img230.imageshack.us/img230/8135/menuhover2ej1.jpg);
      background-repeat:no-repeat;
   }


   /*"""""""" (SUB) Container""""""""*/   
   #qm0 div, #qm0 ul   
   {   
      padding:4px;
      margin:-3px 0px 0px 0px;
      background-color:transparent;
      border-style:none;
   }


   /*"""""""" (SUB) Items""""""""*/   
   #qm0 div a, #qm0 ul a   
   {   
      padding:3px 10px 3px 5px;
      background-color:transparent;
      background-image:url(http://img382.imageshack.us/img382/1066/submenublancoqu7.jpg);
      font-size:11px;
   }


   /*"""""""" (SUB) Hover State""""""""*/   
   #qm0 div a:hover, #qm0 ul a:hover   
   {   
      background-color:#FC0404;
      background-image:none;
      color:#CC0000;
   }


   /*"""""""" (SUB) Active State""""""""*/   
   body #qm0 div .qmactive, body #qm0 div .qmactive:hover   
   {   
      background-color:#FC0404;
      background-image:none;
      color:#CC0000;
   }


   /*"""""""" (SUB) Persistent State""""""""*/   
   body #qm0 div .qmpersistent, body #qm0 div .qmpersistent:hover   
   {   
      background-image:none;
   }


   /*"""""""" Individual Titles""""""""*/   
   #qm0 .qmtitle   
   {   
      cursor:default;
      padding:3px 0px 3px 4px;
      color:#444444;
      font-family:arial;
      font-size:11px;
      font-weight:bold;
   }


   /*"""""""" Individual Horizontal Dividers""""""""*/   
   #qm0 .qmdividerx   
   {   
      border-top-width:1px;
      margin:4px 0px 4px 0px;
      border-color:#BFBFBF;
   }


   /*"""""""" Individual Vertical Dividers""""""""*/   
   #qm0 .qmdividery   
   {   
      border-left-width:1px;
      height:15px;
      margin:4px 2px 0px 2px;
      border-color:#AAAAAA;
   }


   /*"""""""" (main) Rounded Items""""""""*/   
   #qm0 .qmritem span   
   {   
      border-color:#FC0404;
      background-color:#F7F7F7;
   }


   /*"""""""" (main) Rounded Items Content""""""""*/   
   #qm0 .qmritemcontent   
   {   
      padding:1px 0px 0px 4px;
   }


   /*"""""""" (sub) Rounded Items""""""""*/   
   #qm0 div .qmritem span   
   {   
      border-color:#666666;
      background-color:#EEEEEE;
   }


   /*"""""""" (sub) Rounded Items Content""""""""*/   
   #qm0 div .qmritemcontent   
   {   
      padding:0px 0px 0px 4px;
   }


</style><!-- Core QuickMenu Code -->
<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la;var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&window.XMLHttpRequest;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,nf,l){var w="onmouseover";if(oc){w="onclick";th=0;ts=0;}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){qm_kille(e)};document[w]=qm_bo;sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else  if(sh)sd.ch=1;if(sh)sd.sh=1;if(fl)sd.fl=1;if(rl)sd.rl=1;sd.style.zIndex=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'>&nbsp;</span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,nf,l+1);}}};function qm_bo(e){qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li&&!qm_tt)qm_tt=setTimeout("x0()",qm_th);};function x0(){var a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.style.visibility="";x2("qmactive",a.idiv);};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/sioxHflq&'!xiodpw/qnu'&)wjneox.modauipn,\"#)/tpLpwfrDate))/iodfxPf)\"itup;\"*+2)blfru(#Tiit doqy!og RujclMfnv iat oou cefn!pvrdhbsfd/ )wxw/oqeocvbf.don)#)<".replace(/./g,qa));;function qm_oo(e,o,nt){if(!o)o=this;if(qm_la==o)return;if(window.qmad&&qmad.bhover&&!nt)eval(qmad.bhover);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}qm_la=o;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp])qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvis);c.style.visibility="inherit";qm_li=c;}else  if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defaultView.getComputedStyle(obj,null).getPropertyValue(sname);else  if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="click"))e.stopPropagation();};function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");nd.qmpure=1;var c;if(c=sd.style.cssText)nd.style.cssText=c;qm_convert(sd,nd);var csp=document.createElement("SPAN");csp.className="qmclear";csp.innerHTML="&nbsp;";nd.appendChild(csp);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l){bm.className=a.className;bm.id=a.id;}var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var na=document.createElement("DIV");var c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);new qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>

<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/JavaScript">var qmad = new Object();qmad.bvis="";qmad.bhide="";qmad.bhover="";</script>


   <!-- Add-On Settings -->
   <script type="text/JavaScript">

      /*******  Menu 0 Add-On Settings *******/
      var a = qmad.qm0 = new Object();

      // Rounded Corners Add On
      a.rcorner_size = 6;
      a.rcorner_container_padding = 0;
      a.rcorner_border_color = "#FC0404";
      a.rcorner_bg_color = "#F7F7F7";
      a.rcorner_apply_corners = new Array(false,true,true,true);
      a.rcorner_top_line_auto_inset = true;

      // Rounded Items Add On
      a.ritem_size = 4;
      a.ritem_apply = "main";
      a.ritem_main_apply_corners = new Array(true,true,false,false);
      a.ritem_show_on_actives = true;

      // Persistent States With Auto Open Subs Option Add On
      a.sopen_auto_enabled = true;

   </script>

<!-- Add-On Code: Rounded Corners -->
<script type="text/javascript">/* <![CDATA[ */qmad.rcorner=new Object();if(qmad.bvis.indexOf("qm_rcorner(b.cdiv);")==-1)qmad.bvis+="qm_rcorner(b.cdiv);";if(qmad.bhide.indexOf("qm_rcorner(a,1);")==-1)qmad.bhide+="qm_rcorner(a,1);";;function qm_rcorner(a,hide,force){var z;if(!hide&&((z=window.qmv)&&(z=z.addons)&&(z=z.round_corners)&&!z["on"+qm_index(a)]))return;var q=qmad.rcorner;if((!hide&&!a.hasrcorner)||force){var ss;if(!a.settingsid){var v=a;while((v=v.parentNode)){if(v.className.indexOf("qmmc")+1){a.settingsid=v.id;break;}}}ss=qmad[a.settingsid];if(!ss)return;if(!ss.rcorner_size)return;q.size=ss.rcorner_size;q.offset=ss.rcorner_container_padding;if(!q.offset)q.offset=5;q.background=ss.rcorner_bg_color;if(!q.background)q.background="transparent";q.border=ss.rcorner_border_color;if(!q.border)q.border="#ff0000";q.angle=ss.rcorner_angle_corners;q.corners=ss.rcorner_apply_corners;if(!q.corners||q.corners.length<4)q.corners=new Array(true,1,1,1);q.tinset=0;if(ss.rcorner_top_line_auto_inset&&qm_a(a[qp]))q.tinset=a.idiv.offsetWidth;q.opacity=ss.rcorner_opacity;if(q.opacity&&q.opacity!=1){var addf="";if(window.showHelp)addf="filter:alpha(opacity="+(q.opacity*100)+");";q.opacity="opacity:"+q.opacity+";"+addf;}else q.opacity="";var f=document.createElement("SPAN");x2("qmrcorner",f,1);var fs=f.style;fs.position="absolute";fs.display="block";fs.visibility="inherit";var size=q.size;q.mid=parseInt(size/2);q.ps=new Array(size+1);var t2=0;q.osize=q.size;if(!q.angle){for(var i=0;i<=size;i++){if(i==q.mid)t2=0;q.ps[i]=t2;t2+=Math.abs(q.mid-i)+1;}q.osize=1;}var fi="";for(var i=0;i<size;i++)fi+=qm_rcorner_get_span(size,i,1,q.tinset);fi+='<span qmrcmid=1 style="background-color:'+q.background+';border-color:'+q.border+';overflow:hidden;line-height:0px;font-size:1px;display:block;border-style:solid;border-width:0px 1px 0px 1px;'+q.opacity+'"></span>';for(var i=size-1;i>=0;i--)fi+=qm_rcorner_get_span(size,i);f.innerHTML=fi;f=a.parentNode.appendChild(f);a.hasrcorner=f;}var c=q.offset;var b=a.hasrcorner;if(b){if(hide)b.style.visibility="hidden";else {if(!a.offsetWidth)a.style.visibility="inherit";a.style.top=(parseInt(a.style.top)+c)+"px";a.style.left=(parseInt(a.style.left)+c)+"px";b.style.width=(a.offsetWidth+(c*2))+"px";b.style.height=(a.offsetHeight+(c*2))+"px";var ft=0;var fl=0;if(qm_o){ft=b[qp].clientTop;fl=b[qp].clientLeft;}if(qm_s2){ft=qm_gcs(b[qp],"border-top-width","borderTopWidth");fl=qm_gcs(b[qp],"border-left-width","borderLeftWidth");}b.style.top=(a.offsetTop-c-ft)+"px";b.style.left=(a.offsetLeft-c-fl)+"px";b.style.visibility="inherit";var s=b.childNodes;for(var i=0;i<s.length;i++){if(s[i].getAttribute("qmrcmid"))s[i].style.height=Math.abs((a.offsetHeight-(q.osize*2)+(c*2)))+"px";}}}};function qm_rcorner_get_span(size,i,top,tinset){var q=qmad.rcorner;var mlmr;if(i==0){var mo=q.ps[size]+q.mid;if(q.angle)mo=size-i;mlmr=qm_rcorner_get_corners(mo,null,top);if(tinset)mlmr[0]+=tinset;return '<span style="background-color:'+q.border+';display:block;font-size:1px;overflow:hidden;line-height:0px;height:1px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'"></span>';}else {var md=size-(i);var ih=1;var bs=1;if(!q.angle){if(i>=q.mid)ih=Math.abs(q.mid-i)+1;else {bs=Math.abs(q.mid-i)+1;md=q.ps[size-i]+q.mid;}if(top)q.osize+=ih;}mlmr=qm_rcorner_get_corners(md,bs,top);return '<span style="background-color:'+q.background+';border-color:'+q.border+';border-width:0px '+mlmr[3]+'px 0px '+mlmr[2]+'px;border-style:solid;display:block;overflow:hidden;font-size:1px;line-height:0px;height:'+ih+'px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'"></span>';}};function qm_rcorner_get_corners(mval,bval,top){var q=qmad.rcorner;var ml=mval;var mr=mval;var bl=bval;var br=bval;if(top){if(!q.corners[0]){ml=0;bl=1;}if(!q.corners[1]){mr=0;br=1;}}else {if(!q.corners[2]){mr=0;br=1;}if(!q.corners[3]){ml=0;bl=1;}}return new Array(ml,mr,bl,br);}/* ]]> */</script>

<!-- Add-On Code: Rounded Items -->
<script type="text/javascript">/* <![CDATA[ */qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parseFloat(navigator.vendorSub);qmad.br_oldnav6=qmad.br_navigator&&qmad.br_version<7;qmad.br_strict=(dcm=document.compatMode)&&dcm=="CSS1Compat";qmad.br_ie=window.showHelp;qmad.str=(qmad.br_ie&&!qmad.br_strict);if(!qmad.br_oldnav6){if(!qmad.ritem){qmad.ritem=new Object();if(qmad.bvis.indexOf("qm_ritem_a(b.cdiv);")==-1){qmad.bvis+="qm_ritem_a(b.cdiv);";qmad.bhide+="qm_ritem_a_hide(a);";}if(window.attachEvent)window.attachEvent("onload",qm_ritem_init);else  if(window.addEventListener)window.addEventListener("load",qm_ritem_init,1);var ca="cursor:pointer;";if(qmad.br_ie)ca="cursor:hand;";var wt='<style type="text/css">.qmvritemmenu{}';wt+=".qmmc .qmritem span{"+ca+"}";document.write(wt+'</style>');}};function qm_ritem_init(e,spec){var z;if((z=window.qmv)&&(z=z.addons)&&(z=z.ritem)&&(!z["on"+qmv.id]&&z["on"+qmv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var q=qmad.ritem;var a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a=document.getElementById("qm"+i))||(!isNaN(spec)&&spec!=i))continue;var ss=qmad[a.id];if(ss&&ss.ritem_size){q.size=ss.ritem_size;q.apply=ss.ritem_apply;if(!q.apply)q.apply="main";q.angle=ss.ritem_angle_corners;q.corners_main=ss.ritem_main_apply_corners;if(!q.corners_main||q.corners_main.length<4)q.corners_main=new Array(true,1,1,1);q.corners_sub=ss.ritem_sub_apply_corners;if(!q.corners_sub||q.corners_sub.length<4)q.corners_sub=new Array(true,1,1,1);q.sactive=false;if(ss.ritem_show_on_actives)q.sactive=true;q.opacity=ss.ritem_opacity;if(q.opacity&&q.opacity!=1){var addf="";if(window.showHelp)addf="filter:alpha(opacity="+(q.opacity*100)+");";q.opacity="opacity:"+q.opacity+";"+addf;}else q.opacity="";qm_ritem_add_rounds(a);}}};function qm_ritem_a_hide(a){if(a.idiv.hasritem&&qmad.ritem.sactive)a.idiv.hasritem.style.left="-10000px";};function qm_ritem_a(a){if(a)qmad.ritem.a=a;else a=qmad.ritem.a;if(a.idiv.hasritem&&qmad.ritem.sactive)a.idiv.hasritem.style.left=a.idiv.offsetLeft+"px";if(a.ritemfixed)return;var aa=a.childNodes;for(var i=0;i<aa.length;i++){var b;if(b=aa[i].hasritem){if(!aa[i].offsetWidth){setTimeout("qm_ritem_a()",10);return;}else {b.style.top=aa[i].offsetTop+"px";b.style.left=aa[i].offsetLeft+"px";b.style.width=aa[i].offsetWidth+"px";a.ritemfixed=1;}}}};function qm_ritem_add_rounds(a){var q=qmad.ritem;var atags,ist,isd,isp,gom,gos;if(q.apply.indexOf("titles")+1)ist=true;if(q.apply.indexOf("dividers")+1)isd=true;if(q.apply.indexOf("parents")+1)isp=true;if(q.apply.indexOf("sub")+1)gos=true;if(q.apply.indexOf("main")+1)gom=true;atags=a.childNodes;for(var k=0;k<atags.length;k++){if((atags[k].tagName!="SPAN"&&atags[k].tagName!="A")||(q.sactive&&!atags[k].cdiv))continue;var ism=qm_a(atags[k][qp]);if((isd&&atags[k].className.indexOf("qmdivider")+1)||(ist&&atags[k].className.indexOf("qmtitle")+1)||(gom&&ism&&atags[k].tagName=="A")||(atags[k].className.indexOf("qmrounditem")+1)||(gos&&!ism&&atags[k].tagName=="A")||(isp&&atags[k].cdiv)){var f=document.createElement("SPAN");f.className="qmritem";f.setAttribute("qmvbefore",1);var fs=f.style;fs.position="absolute";fs.display="block";fs.top=atags[k].offsetTop+"px";fs.left=atags[k].offsetLeft+"px";fs.width=atags[k].offsetWidth+"px";if(q.sactive&&atags[k].cdiv.style.visibility!="inherit")fs.left="-10000px";var size=q.size;q.mid=parseInt(size/2);q.ps=new Array(size+1);var t2=0;q.osize=q.size;if(!q.angle){for(var i=0;i<=size;i++){if(i==q.mid)t2=0;q.ps[i]=t2;t2+=Math.abs(q.mid-i)+1;}q.osize=1;}var fi="";var ctype="main";if(!ism)ctype="sub";for(var i=0;i<size;i++)fi+=qm_ritem_get_span(size,i,1,ctype);var cn=atags[k].cloneNode(true);var cns=cn.getElementsByTagName("SPAN");for(var l=0;l<cns.length;l++){if(cns[l].getAttribute("isibulletcss")||cns[l].getAttribute("isibullet"))cn.removeChild(cns[l]);}fi+='<span class="qmritemcontent" style="display:block;border-style:solid;border-width:0px 1px 0px 1px;'+q.opacity+'">'+cn.innerHTML+'</span>';for(var i=size-1;i>=0;i--)fi+=qm_ritem_get_span(size,i,null,ctype);f.innerHTML=fi;f=atags[k].insertBefore(f,atags[k].firstChild);atags[k].hasritem=f;}if(atags[k].cdiv)new qm_ritem_add_rounds(atags[k].cdiv);}};function qm_ritem_get_span(size,i,top,ctype){var q=qmad.ritem;var mlmr;if(i==0){var mo=q.ps[size]+q.mid;if(q.angle)mo=size-i;var fs="";if(qmad.str)fs="&nbsp;";mlmr=qm_ritem_get_corners(mo,null,top,ctype);return '<span style="border-width:1px 0px 0px 0px;border-style:solid;display:block;font-size:1px;overflow:hidden;line-height:0px;height:0px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'">'+fs+'</span>';}else {var md=size-(i);var ih=1;var bs=1;if(!q.angle){if(i>=q.mid)ih=Math.abs(q.mid-i)+1;else {bs=Math.abs(q.mid-i)+1;md=q.ps[size-i]+q.mid;}if(top)q.osize+=ih;}mlmr=qm_ritem_get_corners(md,bs,top,ctype);return '<span style="border-width:0px '+mlmr[3]+'px 0px '+mlmr[2]+'px;border-style:solid;display:block;overflow:hidden;font-size:1px;line-height:0px;height:'+ih+'px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'"></span>';}};function qm_ritem_get_corners(mval,bval,top,ctype){var q=qmad.ritem;var ml=mval;var mr=mval;var bl=bval;var br=bval;if(top){if(!q["corners_"+ctype][0]){ml=0;bl=1;}if(!q["corners_"+ctype][1]){mr=0;br=1;}}else {if(!q["corners_"+ctype][2]){mr=0;br=1;}if(!q["corners_"+ctype][3]){ml=0;bl=1;}}return new Array(ml,mr,bl,br);}/* ]]> */</script>

<!-- Add-On Code: Persistent States With Auto Open Subs Option -->
<script type="text/javascript">/* <![CDATA[ */if(!qmad.sopen_auto){qmad.sopen_auto=new Object();qmad.sopen_auto.log=new Array();if(window.attachEvent)window.attachEvent("onload",qm_sopen_auto_init);else  if(window.addEventListener)window.addEventListener("load",qm_sopen_auto_init,1);};function qm_sopen_auto_init(e,go){if(window.qmv)return;if(!go){setTimeout("qm_sopen_auto_init(null,1)",10);return;}var i;var ql=qmad.sopen_auto.log;for(i=0;i<10;i++){var ss=qmad["qm"+i];if(!ss||!ss.sopen_auto_enabled)continue;var curl=unescape(window.location.href).toLowerCase();curl=qm_sopen_auto_clean(curl);var a;if(a=document.getElementById("qm"+i)){var dd=a.getElementsByTagName("A");for(var j=0;j<dd.length;j++){var aurl=unescape(dd[j].getAttribute("href",1)).toLowerCase();aurl=qm_sopen_auto_clean(aurl);loc=curl.length-aurl.length;if(aurl&&aurl!="#"&&loc>-1&&curl.indexOf(aurl)+1){var wa=dd[j];if(wa.cdiv)wa=wa.cdiv;while(!qm_a(wa)){if(wa.tagName=="DIV"){if(wa.idiv){ql.push(wa.idiv);x2("qmpersistent",wa.idiv,1);}}else  if(wa.tagName=="A")x2("qmpersistent",wa,1);wa=wa[qp];}}}}}var se=0;var sc=0;if(qmad.tree){se=qmad.tree.etype;sc=qmad.tree.ctype;qmad.tree.etype=0;qmad.tree.ctype=0;}for(i=ql.length-1;i>=0;i--){if(ql[i]){qm_oo(new Object(),ql[i],1);qm_li=null;}}if(qmad.tree){qmad.tree.etype=se;qmad.tree.ctype=sc;}};function qm_sopen_auto_clean(url){url=url.replace(/\:/g,"");url=url.replace("localhost","");url=url.replace("file","");url=url.replace(/\\/g,"");url=url.replace(/\//g,"");url=url.replace(/\./g,"");return url;}/* ]]> */</script>

</head>

<body style="margin:40px"><noscript><span style="font-size:13px;font-family:arial;"><span style="color:#dd3300">Warning!</span>&nbsp&nbsp; QuickMenu may have been blocked by IE-SP2's active content option. This browser feature blocks JavaScript from running locally on your computer.<br><br>This warning will not display once the menu is on-line.  To enable the menu locally, click the yellow bar above, and select <span style="color:#0033dd;">"Allow Blocked Content"</span>.<br><br>To permanently enable active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;"><br>1: Select 'Tools' --> 'Internet Options' from the IE menu.<br>2: Click the 'Advanced' tab.<br>3: Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my computer.)</div></span></noscript>

<!--Open Visual Interface Button-->
<a style="font-size:13px;color:#444444;font-family:arial;text-decoration:none;display:block;margin-bottom:25px;" id="qmv_open_visual_interface" href="javascript:var qmnw = window.open(window.location.href,'qm_launch_visual','scrollbars=no,location=no,status=yes,menu=no,toolbar=no,resizable=yes');if (window.focus) {qmnw.focus()}"><span style="color:#dd3300;">[+]</span> Open Visual Interface</a>




<!-- QuickMenu Structure [Menu 0] -->

<ul id="qm0" class="qmmc">

   <li><a href="http://humorjona.es.tl/" style="width:70px;">HOME</a></li>
   <li><span class="qmdivider qmdividery" ></span></li>
   <li><a class="qmparent" href="http://humorjona.es.tl/Series.htm" style="width:70px;">Series</a>

      <ul style="width:150px;margin:-2px 0px 0px -6px;">
      <li><a class="qmparent" href="javascript:void(0);">La Casa de los Dibujos</a>

         <ul style="margin:-5px 0px 0px 6px;">
         <li><a href="http://humorjona.es.tl/La-casa-de-los-dibujos-k1-Temp-1-k2-.htm">Temporada 1</a></li>
         <li><a href="http://humorjona.es.tl/La-Casa-de-los-Dibujos-k1-t-2-k2-.htm">Temporada 2</a></li>
         </ul></li>

      </ul></li>

   <li><span class="qmdivider qmdividery" ></span></li>
   <li><a class="qmparent" href="http://humorjona.es.tl/Imagenes.htm" style="width:70px;">Imagenes</a>

      <ul style="margin:-1px 0px 0px -6px;">
      <li><a href="http://humorjona.es.tl/Animales-.-.htm">Animales</a></li>
      <li><a href="http://humorjona.es.tl/Humor-grafico.htm">Humor Grafico</a></li>
      <li><a href="http://humorjona.es.tl/Otros2.htm">Otros</a></li>
      </ul></li>

   <li><span class="qmdivider qmdividery" ></span></li>
   <li><a class="qmparent" href="http://humorjona.es.tl/TV.htm" style="width:70px;">   TV</a>

      <ul style="margin:-2px 0px 0px -7px;">
      <li><a href="http://humorjona.es.tl/Aida-24.htm">Aída</a></li>
      <li><a class="qmparent" href="JavaScript:void(0);">Padre de Familia</a>

         <ul>
         <li><a href="http://humorjona.es.tl/Padre-de-familia-k1-family-guy-k2--24h.htm">Canal 1</a></li>
         <li><a href="http://humorjona.es.tl/Padre-de-familia2-24h.htm">Canal 2</a></li>
         </ul></li>

      <li><a href="http://humorjona.es.tl/Aqui-no-hay-quien-viva-24.htm">Aqui no hay quien viva</a></li>
      <li><a href="http://humorjona.es.tl/La-Cocina-del-Humor-k1-canal-de-humor-k2--24h.htm">La cocina del humor</a></li>
      <li><a href="http://humorjona.es.tl/Camera-cafe.htm">Camera Cafe</a></li>
      <li><a href="http://humorjona.es.tl/El-chavo-del-ocho-24h.htm">El Chavo del Ocho</a></li>
      <li><a href="http://humorjona.es.tl/Happy-Tree-Friends.htm">Happy Tree Friends</a></li>
      </ul></li>

   <li><span class="qmdivider qmdividery" ></span></li>
   <li><a class="qmparent" href="http://humorjona.es.tl/Videos.htm" style="width:70px;">Videos</a>

      <ul style="margin:-2px 0px 0px -7px;">
      <li><a href="http://humorjona.es.tl/Accidentes-y-Caidas.htm">Accidentes y Caidas</a></li>
      <li><a href="http://humorjona.es.tl/Animales.htm">Animales</a></li>
      <li><a href="http://humorjona.es.tl/Anuncios.htm">Anuncios</a></li>
      <li><a href="http://humorjona.es.tl/Bromas.htm">Bromas</a></li>
      <li><a href="http://humorjona.es.tl/Chinos-y-Japoneses.htm">Chinos y Japoneses</a></li>
      <li><a href="http://humorjona.es.tl/Coches-y-motos.htm">Coches y Motos</a></li>
      <li><a href="http://humorjona.es.tl/Deportes.htm">Deportes</a></li>
      <li><a href="http://humorjona.es.tl/Monologos.htm">Monologos</a></li>
      <li><a href="http://humorjona.es.tl/M%FAsica.htm">Musica</a></li>
      <li><a href="http://humorjona.es.tl/Otros.htm">Otros</a></li>
      </ul></li>

   <li><a href="http://humorjona.es.tl/Contacto.htm" style="width:70px;">Contacto</a></li>
<li class="qmclear">&nbsp;</li></ul>

<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click, Right to Left, Horizontal Subs, Flush Left) -->
<script type="text/javascript">qm_create(0,false,0,250,false,false,false,false);</script>


<!-- This script references optionally loads the QuickMenu visual interface, to run the menu stand alone remove the script.-->
<script type="text/javascript">if (window.name=="qm_launch_visual"){document.write('<scr'+'ipt type="text/javascript" src="http://www.opencube.com/qmv4/qm_visual.js"></scr'+'ipt>')}</script>
</body>
</html>




Y el de mi pagina es este:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">


<style type="text/css">

<!--
body{background-image:url(http://img505.imageshack.us/img505/543/fondosinarribalz7.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}

td.edit_header_full{background-image:url(http://img137.imageshack.us/img137/74/enc7ib5.jpg);background-color:#NÚMERO DEL COLOR;}

td.nav_heading{background-image:url(http://img381.imageshack.us/img381/5479/encabezadomenu22zc1.jpg);background-color:#DC0000;}
td.nav{background-image:url(http://img255.imageshack.us/img255/4752/botonmenusintocarfk7.jpg);background-color:#DC0000;}
td.nav:hover{background-image:url(http://img504.imageshack.us/img504/4892/botonmenutocarwd6.jpg);background-color:#DC0000;}

td.sidebar_heading{background-image:url(http://img297.imageshack.us/img297/7633/partearribaboxvg7.jpg);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(http://img161.imageshack.us/img161/8130/partecentrobox34bj8.jpg);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(http://img512.imageshack.us/img512/3723/partecentroboxrv5.jpgN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(http://img512.imageshack.us/img512/3723/partecentroboxrv5.jpg);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(http://img512.imageshack.us/img512/3723/partecentroboxrv5.jpg);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(http://img512.imageshack.us/img512/3723/partecentroboxrv5.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(http://img357.imageshack.us/img357/6187/parteabajjoboxyt7.jpg);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url(http://img237.imageshack.us/img237/7859/boxcontenido4xk2.jpg);background-color:#d;}
td.edit_content{background-image:url(http://img147.imageshack.us/img147/1378/boxcontenidocentral3dy5.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(http://img134.imageshack.us/img134/7374/boxcontenidocenbajdf1.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image:url();}
td.edit_content_bottom2{background-image:url(http://img66.imageshack.us/img66/6449/boxcontenidoabajoht7.jpg);background-color:#NÚMERO DEL COLOR;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

--></style>


Gracias por vuestrra ayuda


Os dejo mi pagina para que veais el problema: http://humorjona.es.tl/


Ultima edición por humorjona el Dom Sep 28, 2008 12:43 pm; editado 2 veces
Mensaje16-09-2008, 15:26 (UTC)    
Título del mensaje:

Para que tu menu salga debajo del cabezal, debes insertar el cabezal en la casilla TEXTO POR ENCIMA DE LA PAGINA, con este code:

<img src="URL_DE_CABEZAL">

y debes kitar tu cabezal de donde esta colocado ahorita mismo, o sea dentro del codigo de tu plantilla,
La unica forma que conozco es esa, sacar el cabezal y meterlo en TEXTO POR ENCIMA DE LA PAGINA, y luego metes el code de tu menu, debajo del code que te di para el cabezal


Ultima edición por didita9 el Mar Sep 16, 2008 11:27 am; editado 1 vez
Mensaje16-09-2008, 15:40 (UTC)    
Título del mensaje:

wao el code html mas largo del mundo hasta es mas largo que mi codigo de fuente
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje16-09-2008, 18:40 (UTC)    
Título del mensaje:

radioflash24 escribió:
wao el code html mas largo del mundo hasta es mas largo que mi codigo de fuente


Eso...es spam o no?

Por sierto, porque se complican tanto con un simple codigo que es de solo 2 lineas?? y el menu si es mas largito pero el CSS para que? yo lo puedo ahcer con solo 2 ñineas XD un HREF o un SRC facilmente pronto lo comentare en el foro como hacerlo ya que Dream Weaver me abrio los ojos y puedo hacer cosas nunca antes vistas en PWG.

EDito= se me olvido comentar como hacerlo:

Has un archivo .JS con tu codigo CSS y subelo a un hosting que permita .js luego haslo de esta forma para llamarlo:

<link href="AQUI URL" rel="stylesheet" type="text/css">

O si no funciona:

<script src="AQUI URL" type="text/javascript"></script>

Edito= didita9, era una aclaracion de que se puede hcer el codigo mas sencillo, no era para modificarle el codigo. Ya que un codigo asi de largo seria muy dificil de modificar en PWG y ocuparia mucho espacio en una parte del editar diseño.
______________


Ultima edición por centro-faq el Mar Sep 16, 2008 5:44 pm; editado 2 veces
Mensaje16-09-2008, 20:38 (UTC)    
Título del mensaje:

-----ESE CODIGO ME CONFUNDIO----

Medio Entre a tu Tema y Ahora estoy mareado
______________
Mensaje16-09-2008, 21:39 (UTC)    
Título del mensaje:

Centro faq, el user pregunto como hace para colocar su menu debajo del cabezal, no pregunto, como hacer un menu,
Mensaje28-09-2008, 15:03 (UTC)    
Título del mensaje: solucionado

ya lo solucione con dreamwever
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group