Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:22
Horizontal/Horizontal menu, to table width
Poster: orionblu
Dated: Friday February 22 2008 - 1:52:37 GMT
Hi,
I have posted a support ticket to no avail, and tried to search for this solution in the forum but my keywords (horizontal and width) are ignored, making it difficult, so here goes my last attempt to get this working...
I have an rollover image based main horizontal menu, placed inside a table cell as such:
<td width="920"><SCRIPT TYPE="text/javascript">
with(new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
position="relative";
orientation="horizontal";
aI("image=images/nav_left.jpg;");
aI("image=images/bproduce0.jpg;overimage=images/bproduce1.jpg;showmenu=Produce;url=produce.php;")
aI("image=images/bwinespirits0.jpg;overimage=images/bwinespirits1.jpg;url=wine_spirits.php");
aI("image=images/nav_right.jpg;");
}
drawMenus();
</SCRIPT></td>
My menu_data.js holds two styles:
with(menuStyle=new mm_style()){
bordercolor="";
borderstyle="";
borderwidth=0;
menuwidth="700";
itemwidth="120";
fontfamily="Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#73D52B";
offcolor="#ffffff";
onbgcolor="#73D52B";
oncolor="#365126";
outfilter="randomdissolve(duration=0.0)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);)";
padding=5;
pagebgcolor="#73D52B";
pagecolor="#365126";
separatorcolor="#2D729D";
separatorsize=0;
subimage="";
subimagepadding=0;
}
with(menuStyleSub=new mm_style()){
left="offset=-500";
align="center";
screenposition="center"
bordercolor="";
borderstyle="";
borderwidth=0;
menuwidth="100%";
itemwidth="140";
fontfamily="Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#73D52B";
offcolor="#ffffff";
onbgcolor="#73D52B";
oncolor="#365126";
outfilter="randomdissolve(duration=0.0)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);)";
padding=5;
pagebgcolor="#73D52B";
pagecolor="#365126";
separatorcolor="#2D729D";
separatorsize=0;
subimage="";
subimagepadding=0;
}
The problems I'm having are 1) getting the sub menu to be 920 pixels wide, and 2) centering that width to be beneath the active button in the main menu.
Any suggestions are appreciated, thanks very much.
Re: Horizontal/Horizontal menu, to table width
Poster: Ruth
Dated: Friday February 22 2008 - 2:56:00 GMT
Hi,
Can you possibly provide me with a page so I have that and the full menu data and can get the images so I can test things?
Ruth
Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
