Got Horizontal drop down menu working...but

[winndknot]

Hi All...Now I need to change the format to list the sub 's vertically in a nice neat box. any suggestions would help. Thanks in advance.

here is the link I would like to change:

http://www.dreamsonthefly.com/dreamstemplate.html

[Nile]

Can you tell me what you mean by that. Maybe a better description, or an example that you've seen somewhere else? Thanks.

Warning: Please include a link to the DD(or javascriptkit) script in question in your post. See this thread for the proper posting format when asking a question.

Please include your code so that we can take a look at it, we can't do much without it.

[winndknot]

See the sub menu's here: http://www.flyfishingmagazines.com/

[Snookerman]

Do you mean something like this:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

[Nile]

Checkout the following.
http://www.dynamicdrive.com/style/cs...el_css_menu_2/
http://www.dynamicdrive.com/style/cs...rizontal_blue/
http://www.dynamicdrive.com/dynamici...pmenuindex.htm
http://dynamicdrive.com/dynamicindex1/blmmenu/index.htm
http://dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
http://dynamicdrive.com/dynamicindex1/chrome/index.htm

Maybe one of those will help.
You might find even more just looking by your self.
http://dynamicdrive.com/dynamicindex1/index.html
http://dynamicdrive.com/dynamicindex1/indexc.html
http://dynamicdrive.com/dynamicindex1/indexb.html

[winndknot]

Exactly. I am wondering if I can just adjust my code (s) not sure which one needs changing to make this work on my site. I had such a time getting the codes right in the first place and would love to just be able to make a couple of changes to the existing codes.

Thanks for responding so fast.

[Nile]

Can you tell me which menu you are using, I listed 6 examples. (and 3 bunch of examples). If your using any in my 6 examples, please tell me which - if your not, tell me which your using anyways.

[winndknot]

2 level Horizontal Tab Menu- by JavaScript Kit (www.javascriptkit.com)

[Nile]

Like I said above, please post a script to the page and not only to javascriptkit.com, I would also suggest using one of my examples. But find the following and add the highlighted.

.submenustyle a{
border-right: 1px dashed black;
padding: 1px 5px;
text-decoration: none;
display: block;
}

[winndknot]

Sorry I didn't post as you had indicated...I am kind new to all of this. thank you for helping me.

var mastertabvar=new Object() 
mastertabvar.baseopacity=0 
mastertabvar.browserdetect="" 

function showsubmenu(masterid, id){ 
if (typeof highlighting!="undefined") 
clearInterval(highlighting) 
submenuobject=document.getElementById(id) 
mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : "" 
hidesubmenus(mastertabvar[masterid]) 
submenuobject.style.display="block" 
instantset(mastertabvar.baseopacity) 
highlighting=setInterval("gradualfade(submenuobject)",50) 
} 

function hidesubmenus(submenuarray){ 
for (var i=0; i<submenuarray.length; i++) 
document.getElementById(submenuarray[i]).style.display="none" 
} 

function instantset(degree){ 
if (mastertabvar.browserdetect=="mozilla") 
submenuobject.style.MozOpacity=degree/100 
else if (mastertabvar.browserdetect=="ie") 
submenuobject.filters.alpha.opacity=degree 
} 


function gradualfade(cur2){ 
if (mastertabvar.browserdetect=="mozilla" && cur2.style.MozOpacity<1) 
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99) 
else if (mastertabvar.browserdetect=="ie" && cur2.filters.alpha.opacity<100) 
cur2.filters.alpha.opacity+=10 
else if (typeof highlighting!="undefined") //fading animation over 
clearInterval(highlighting) 
} 

function initalizetab(tabid){ 
mastertabvar[tabid]=new Array() 
var menuitems=document.getElementById(tabid).getElementsByTagName("li") 
for (var i=0; i<menuitems.length; i++){ 
if (menuitems[i].getAttribute("rel")){ 
menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab 
mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel") //store ids of submenus of tab menu 
if (menuitems[i].className=="selected") 
showsubmenu(tabid, menuitems[i].getAttribute("rel")) 
menuitems[i].getElementsByTagName("a")[0].onmouseover=function(){ 
showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel")) 
} 
} 
} 
}