Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How do you create Sub menus using buttons?

Status
Not open for further replies.

Gerr

IS-IT--Management
Joined
Oct 24, 2002
Messages
2
Location
GB
I have a web site that uses buttons that I created in Fireworks that are similar to those found at this site:
When you click on the "HOME" button a sub menu appears with a number of similar buttons detailing and linking the user to the various choices offered.

How do I go about creating a similar sub menu using buttons instead of text entries?


Thanks in advance
 
Hi

I am bit lost here as the page you refer to is using images as buttons, not text. If you are OK with Fireworks then I suggest you use the fireworks drop down menu creator. Create your initial button (as a symbol) select the slice and press "insert>popup menu".

If you want to create a more efficient code based system in dreamworks you need to do a little bit more, so try that first. Derren
[Mediocre talent - spread really thin]
 
Gerr, if you're still looking for a script like that then contact me... imajin_arts@hotmail.com
I found a script like that online a while back but can't rememeber what site, but I did d/l the code...I use it from time to time, so email me and i'll send it to you...(with easy to follow directions as well)...

(The code is kinda long so I don't wanna post it here...) I have not failed; I merely found 100,000 different ways of not succeding...
 
Create 2 layers put your first button in layer 1
put all your other buttons in layer 2
set layer "vis" to hidden
Set layer 1 OnMouseover show layer 2
OnMouseout hide layer 2
This can be done vary easy in DW

<script language=&quot;JavaScript&quot;>
<!--
<!--


function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor=&quot;#FFFFFF&quot; onLoad=&quot;&quot;>
<div id=&quot;Layer1&quot; style=&quot;position:absolute; left:172px; top:61px; width:242px; height:73px; z-index:1&quot; onMouseOver=&quot;MM_showHideLayers('Layer2','','show')&quot;><img src=&quot;file:///C%7C/button1.gif&quot; width=&quot;155&quot; height=&quot;35&quot; onMouseOut=&quot;MM_showHideLayers('Layer2','','hide')&quot; onMouseOver=&quot;MM_showHideLayers('Layer2','','show')&quot;></div>
<div id=&quot;Layer2&quot; style=&quot;position:absolute; left:236px; top:142px; width:154px; height:200px; z-index:2&quot;><img src=&quot;file:///C%7C/button2.gif&quot; width=&quot;155&quot; height=&quot;35&quot;></div>
</body>
</html>
 
Hi Derren,

I've looked for the drop down menu you talk about. All I can find is a pop-up menu and it doesn't offer the possibility to use images instead of text (or it seems).
I'm using Dreamweaver 4. Could that be the problem?
 
The only porblem with Fireworks is that its hard to configure (like the coordinates)...
If you have to change the layout, its hard to change the Firworks coordinates in the menu...i've done that and its a HUGE hassle... I have not failed; I merely found 100,000 different ways of not succeding...
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top