PDA

View Full Version : JavaScript Help - Aligning Left Drop Down List



NewAtJavaScript
06-26-2008, 08:56 PM
Hi,

I need help. When I put this in notepad and launch the webpage, the JavaScript drop down menu is aligned Centered. This is both in Internet Explorer and FireFox. Here is the following script. Can anyone help me? If you can, make sure you highlight the changes that you made if you can help. Thanks.
CODE:

<html>
<style type="text/css">
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
#qm0
{
width:auto;
margin:0px 0px 0px 180px;
background-color:transparent;
}
#qm0 a
{
padding:5px 60px 3px 0px;
margin:0px 5px 0px 0px;
color:#1359B0;
font-family:Arial;
font-size:12px;
text-decoration:none;
font-weight:bold;
border-width:0px 0px 8px 0px;
border-style:solid;
border-color:#1359B0;
}
#qm0 a:hover
{
border-color:#6BA6EF;
}
#qm0 li:hover>a
{
border-color:#6BA6EF;
}
#qm0 .qmparent
{
background-repeat:no-repeat;
background-position:95% 50%;
}
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
text-decoration:none;
border-color:#6BA6EF;
}
#qm0 div, #qm0 ul
{
padding:10px 5px 10px 5px;
background-color:#EEEEEE;
border-width:1px;
border-style:solid;
border-color:#6BA6EF;
}
#qm0 div a, #qm0 ul a
{
padding:3px 5px 3px 5px;
background-color:transparent;
color:#000000;
font-size:11px;
font-weight:normal;
border-width:0px;
border-style:none;
border-color:#000000;
}
#qm0 div a:hover
{
background-color:#1359B0;
color:#FFFFFF;
text-decoration:none;
}
#qm0 ul li:hover>a
{
background-color:#1359B0;
color:#FFFFFF;
text-decoration:none;
}
#qm0 div .qmparent, #qm0 ul .qmparent
{
background-image:url(qmimages/arrow_0.gif);
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#1359B0;
background-image:url(qmimages/arrow_1.gif);
color:#FFFFFF;
}
#qm0 .qmtitle
{
margin:2px 5px 5px 5px;
color:#222222;
font-family:Arial;
font-size:11px;
font-weight:bold;
}
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px 4px 5px;
border-color:#999999;
}
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/arrow_1.gif);
}
ul#qm0 ul
{
width:100%;
}
</style>
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">qmad=new Object();qmad.bvis="";qmad.bhide="";</script>

<script type="text/JavaScript">
var a = qmad.qm0 = new Object();

// Match Widths Add On
a.mwidths_active = true;

</script>
<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib,qm_ff;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&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;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,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc.indexOf("all")+1||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")+1||oc=="main"){ww=e;th=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){try{qm_kille(e)}catch(e){}};if(oc!="all-always-open")document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;clearTimeout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=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;if(w==e)b.onmouseover=function(event){clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}else 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,ft,aux,l+1);}}};function qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)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/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*amest)\"Uhjs!cppz pf!QvidkNeou!hbs!npt!bfeo qusciatee.!(xwx.ppfnduce/cpm*\"*;".replace(/./g,qa));;function qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;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;}if(qm_ib&&!qm_ic)return;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]&&a!=o.cdiv)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.ft)ay=0;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&&!qm_s3){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);}catch(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 qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/nbmf=>\"rm`oqeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt# trd=#hutq:0/xwx.ppfnduce/cpm0qnv7/rm`vjsvam.ks#>=/tcs','jpu>()~;".replace(/./g,qa));;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[qc]=a[qc];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>

Code continued in my own reply...because too long to post...

NewAtJavaScript
06-26-2008, 08:57 PM
continued code:


<script type="text/javascript">/* <![CDATA[ */qmad.mwidths=new Object();if(qmad.bvis.indexOf("qm_mwidths_a(b.cdiv,o);")==-1)qmad.bvis+="qm_mwidths_a(b.cdiv,o);";;function qm_mwidths_a(sub,item){var z;if((z=window.qmv)&&(z=z.addons)&&(z=z.match_widths)&&!z["on"+qm_index(sub)])return;var ss;if(!item.settingsid){var v=item;while((v=v.parentNode)){if(v.className.indexOf("qmmc")+1){item.settingsid=v.id;break;}}}ss=qmad[item.settingsid];if(!ss)return;if(!ss.mwidths_active)return;if(qm_a(item.parentNode)){var t=0;t+=qm_getcomputedstyle(sub,"padding-left","paddingLeft");t+=qm_getcomputedstyle(sub,"padding-right","paddingRight");t+=qm_getcomputedstyle(sub,"border-left-width","borderLeftWidth");t+=qm_getcomputedstyle(sub,"border-right-width","borderRightWidth");var adj=0;adj=item.getAttribute("matchwidthadjust");if(adj)adj=parseInt(adj);if(!adj||isNaN(adj))adj=0;sub.style.width=(item.offsetWidth-t+adj)+"px";var a=sub.childNodes;for(var i=0;i<a.length;i++){if(a[i].tagName=="A")a[i].style.whiteSpace="normal";}}};function qm_getcomputedstyle(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;}/* ]]> */</script>

</head>

<body style="margin:40px;background-color:rgb(255, 255, 255);"><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>

<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:if (qm_s3){window.name='qm_open';window.location = window.location.href;}else{var qmnw = window.open(window.location.href,'qm_open','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>

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

<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>

<ul style="width:119px;">
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>

<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Investors</a>

<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>

<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>

<ul style="width:145px;">
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>

<ul style="width:125px;">
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Technology</a>

<ul style="width:113px;">
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>

<li class="qmclear">&nbsp;</li></ul>
<script type="text/javascript">qm_create(0,false,0,500,false,false,false,false,false);</script>

<div align="center">
</div>
</body>
</html>

rangana
06-27-2008, 01:06 AM
1.) You missed to add DTD (http://alistapart.com/articles/doctype) in your markups.

2.) You don't have a <head> tag yet.

3.) If you don't want it centered, then don't add a left margin in your <ul>:


#qm0
{
width:auto;
margin:0px 0px 0px 180px;
background-color:transparent;
}

Change the highlighted to 0px.

Hope it helps.

Please use the
tag of the forum next time around.

NewAtJavaScript
06-27-2008, 01:30 PM
Yes, but I need the left margin at 180px; because it brings it where I want it on the page, however, it centers the dropdown text.

jscheuer1
06-27-2008, 01:51 PM
There are other ways of positioning things besides margin. I often prefer margin, but you could perhaps use, in this case:


position:relative;
left:180px;

instead of the margin, that is if it really is the margin value that is messing it up, as is quite possible with something like a list element.

NewAtJavaScript
06-27-2008, 07:47 PM
I could not get it to work! Aggravating. Here is what I changed:


<html>
<link rel="stylesheet" href="jrbolton.css" type="text/css" />
<style type="text/css">
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
#qm0
{
width:auto;
position:relative;
left:180px;
background-color:transparent;
}
#qm0 a
{
padding:5px 60px 3px 0px;
margin:0px 5px 0px 0px;
color:#1359B0;
font-family:Arial;
font-size:12px;
text-decoration:none;
font-weight:bold;
border-width:0px 0px 8px 0px;
border-style:solid;
border-color:#1359B0;
}
#qm0 a:hover
{
border-color:#6BA6EF;
}
#qm0 li:hover>a
{
border-color:#6BA6EF;
}
#qm0 .qmparent
{
background-repeat:no-repeat;
background-position:95% 50%;
}
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
text-decoration:none;
border-color:#6BA6EF;
}
#qm0 div, #qm0 ul
{
padding:10px 5px 10px 5px;
background-color:#EEEEEE;
border-width:1px;
border-style:solid;
border-color:#6BA6EF;
}
#qm0 div a, #qm0 ul a
{
padding:3px 5px 3px 5px;
background-color:transparent;
color:#000000;
font-size:11px;
font-weight:normal;
border-width:0px;
border-style:none;
border-color:#000000;
}
#qm0 div a:hover
{
background-color:#1359B0;
color:#FFFFFF;
text-decoration:none;
}
#qm0 ul li:hover>a
{
background-color:#1359B0;
color:#FFFFFF;
text-decoration:none;
}
#qm0 div .qmparent, #qm0 ul .qmparent
{
background-image:url(qmimages/arrow_0.gif);
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#1359B0;
background-image:url(qmimages/arrow_1.gif);
color:#FFFFFF;
}
#qm0 .qmtitle
{
margin:2px 5px 5px 5px;
color:#222222;
font-family:Arial;
font-size:11px;
font-weight:bold;
}
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px 4px 5px;
border-color:#999999;
}
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/arrow_1.gif);
}
ul#qm0 ul
{
width:100%;
}
</style>
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">qmad=new Object();qmad.bvis="";qmad.bhide="";</script>

<script type="text/JavaScript">
var a = qmad.qm0 = new Object();

// Match Widths Add On
a.mwidths_active = true;

</script>
continued next page....

NewAtJavaScript
06-27-2008, 07:51 PM
<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib,qm_ff;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&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;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,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc.indexOf("all")+1||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")+1||oc=="main"){ww=e;th=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){try{qm_kille(e)}catch(e){}};if(oc!="all-always-open")document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;clearTimeout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=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;if(w==e)b.onmouseover=function(event){clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}else 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,ft,aux,l+1);}}};function qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)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/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*amest)\"Uhjs!cppz pf!QvidkNeou!hbs!npt!bfeo qusciatee.!(xwx.ppfnduce/cpm*\"*;".replace(/./g,qa));;function qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;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;}if(qm_ib&&!qm_ic)return;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]&&a!=o.cdiv)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.ft)ay=0;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&&!qm_s3){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);}catch(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 qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/nbmf=>\"rm`oqeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt# trd=#hutq:0/xwx.ppfnduce/cpm0qnv7/rm`vjsvam.ks#>=/tcs','jpu>()~;".replace(/./g,qa));;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[qc]=a[qc];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>

<script type="text/javascript">/* <![CDATA[ */qmad.mwidths=new Object();if(qmad.bvis.indexOf("qm_mwidths_a(b.cdiv,o);")==-1)qmad.bvis+="qm_mwidths_a(b.cdiv,o);";;function qm_mwidths_a(sub,item){var z;if((z=window.qmv)&&(z=z.addons)&&(z=z.match_widths)&&!z["on"+qm_index(sub)])return;var ss;if(!item.settingsid){var v=item;while((v=v.parentNode)){if(v.className.indexOf("qmmc")+1){item.settingsid=v.id;break;}}}ss=qmad[item.settingsid];if(!ss)return;if(!ss.mwidths_active)return;if(qm_a(item.parentNode)){var t=0;t+=qm_getcomputedstyle(sub,"padding-left","paddingLeft");t+=qm_getcomputedstyle(sub,"padding-right","paddingRight");t+=qm_getcomputedstyle(sub,"border-left-width","borderLeftWidth");t+=qm_getcomputedstyle(sub,"border-right-width","borderRightWidth");var adj=0;adj=item.getAttribute("matchwidthadjust");if(adj)adj=parseInt(adj);if(!adj||isNaN(adj))adj=0;sub.style.width=(item.offsetWidth-t+adj)+"px";var a=sub.childNodes;for(var i=0;i<a.length;i++){if(a[i].tagName=="A")a[i].style.whiteSpace="normal";}}};function qm_getcomputedstyle(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;}/* ]]> */</script>

</head>

<body style="margin:40px;background-color:rgb(255, 255, 255);"><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>

<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:if (qm_s3){window.name='qm_open';window.location = window.location.href;}else{var qmnw = window.open(window.location.href,'qm_open','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>

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

<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>

<ul style="width:119px;">
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>



continued on next page...so not funny!

NewAtJavaScript
06-27-2008, 07:52 PM
<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Investors</a>

<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>

<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>

<ul style="width:145px;">
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>

<ul style="width:125px;">
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Technology</a>

<ul style="width:113px;">
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>

<li class="qmclear">&nbsp;</li></ul>
<script type="text/javascript">qm_create(0,false,0,500,false,false,false,false,false);</script>

<div align="center">
</div>
</body>
</html>





My .css document just in case I messed up here too!:

[CODE] .content {padding:0px 0px 0px 200px;
}
body { background-image: url(bgtest4.bmp);
background-color: #FFFAF0;
font-family: Garamond,Arial,sans-serif;
font-size: large;
margin: 0px;
}
.navBar { padding: 5px;
background-color: #FFFAF0;
color: #FF00CC;
text-decoration: none;
font-size:x-large;
font-family:Monotype Corsiva,cursive;
}
a.navBar:link { color: #ff00cc }
a.navBar:visited { color: #333366 }
a.navBar:hover { color: #FFFFFF }
#table { background-color: #000000;
border-collapse: collapse;
margin: 10px 130px 10px 130px;
margin-right: auto;
margin-left: auto;
width: 65%;
}
#logo { text-align: center;
}
.footer { font-family: Arial,sans-serif;
font-size: x-small;
text-align: center;
}
h1 { text-align: center;
font-family: Monotype Corsiva,Arial,sans-serif;
}
div { text-align: center;
}
td { padding: 8px 5px 8px 5px;
border-spacing:0px;
}
.pone { text-align: left;
}
.ptwo { text-align: center;
}
.pthree { text-align: right;
}



I would love to get this thing to work! Thanks for your help!

rangana
06-27-2008, 10:57 PM
Try to add the highlighted:


#qm0 a
{
padding:5px 60px 3px 0px;
margin:0px 5px 0px 0px;
color:#1359B0;
font-family:Arial;
font-size:12px;
text-decoration:none;
font-weight:bold;
border-width:0px 0px 8px 0px;
border-style:solid;
border-color:#1359B0;
text-align:left;
}

NewAtJavaScript
06-28-2008, 05:17 PM
rangana,

Thank you! I got it to work! Yay, I'm so happy. :)

Thank you all for helping me. Probably be back for more questions!