Hi people,

 

I have these glossy menu tabs on my website..... I am now looking to add drop down menus off the tabs, I would like to keep the menu tabs but just add the drop links if poss through the css etc... can it be done?

 

thanks in advance, Jay ;-)

You will need to use javascript for this. Look at the CSS visibility property to change the visibility of the menu.

 

It's basically just a case of adding in code to make the menu appear when you rollover the heading, and then a bit more code to make it disappear when you need it to.

ok thanks for the pointer .... without the exact code definitions I would not have a clue what / where to add

 

thanks again for the reply

Ok, well I don't know how experienced you are at javascript, but look at:

 

getElementById()

 

This method allows you to target a div according to the id you have assigned it. You can extend this method with all kind of things to affect the CSS properties it's possible to apply to the div. In your case you would want to use:

 

document.getElementById('yourdivid').style.visibility = "hidden";
document.getElementById('yourdivid').style.visibility = "visible";

 

Just replace yourdivid with the id of your div. You can do pretty much anything you like this way, so to set the position of the div for instance you would want to use somthing like the following:

 

document.getElementById('yourdivid').style.top = postop+"px";
document.getElementById('yourdivid').style.left = posleft+"px";

 

Here again replace yourdivid with the id of your div, postop and posleft would be variables you have assigned a numerical value to.

 

Hope that gets your started.

Hussey,

 

thanks for the details..... my experience on js is very limited and maybe this is beyone me, might have to look at getting some help on this or would it be easier changing the horizontal menu bar for a drop down already built in?

 

thanks for your help