disable menu link

Hi,
On the orange menu, I want to disable the link on the parent nodes of the menu but  still see the dropdown list.
For example  the 'dyed fabric'  link I dont want the user to see the hand appear(not clickable) but I want the dropdown list to appear  as it is now.

http://www.mymrt.net/hugh3/home2.php

<ul id="horiznav">
   
    
 
    <li><a  href="#" id="nav-dye" > Dyed Fabric</a><!--link3--> // this still enables the user to click an element
 

Open in new window

jagguyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Edwin HofferTechnical ExpertCommented:
Hello

Delete the li code and use below code for this:

 <li><spam id="nav-dye" > Dyed Fabric</spam>

Open in new window


Thanks
Edwin
0
jagguyAuthor Commented:
The drop down menu doesnt work properly when i do this, as the menu disappears on off hover
That cant be the solution.
0
Edwin HofferTechnical ExpertCommented:
Please update these codes:

<li><span id="nav-dye"> Dyed Fabric</span><!--link3-->

Open in new window


Add the below code in css file just below #horiznav li a

#horiznav li span{
display:block;
width:132px;
line-height:30px;
text-align:center;
color:white;
text-decoration:none;
background-color:#EA9531;  /*background color*/

border:1px solid white
}

Open in new window

0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Edwin HofferTechnical ExpertCommented:
You can check the image that it is working properly now

image
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
jagguyAuthor Commented:
ok yes it works , there is just 1 issue.
if i do click on the disabled link the drop down menu can either stay visible when it should be hidden or fail to to be visible again unless you click the disabled link again.

if that behaviour can be fixed I can use it otherwise the side effects arent really worth it,
0
Edwin HofferTechnical ExpertCommented:
Can you please upload that file on hosting & share the link, so I can check the issue.
0
jagguyAuthor Commented:
if you click on the menu option disabled there is a side effect.

http://www.mymrt.net/hugh3/home2.php
0
Edwin HofferTechnical ExpertCommented:
It looks that you made a new page for the menu. So still do you need the help?
0
jagguyAuthor Commented:
yes I changed it back but your code doesnt work . clicking a menu has side effects
0
Edwin HofferTechnical ExpertCommented:
So still do you want to change or you wants to continue what you are using?
0
jagguyAuthor Commented:
i will just continue for now
0
Edwin HofferTechnical ExpertCommented:
fine :)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.