Chrome drop down remove parent links.

[smartiz]

1) Script Title: Chrome dropdown Version 2.01

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem: Parent menu items... is it possible to setup these so they display no url.....I know you can switch them on/ off click. but is it possible to remove the link altogether and still get the drop downs to open having the mouse pointer too.

[jscheuer1]

From the demo.htm, remove the href="#" part:

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>	
</ul>
</div>

so you get:

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a rel="dropmenu1">Resources</a></li>
<li><a rel="dropmenu2">News</a></li>
<li><a rel="dropmenu3">Search</a></li>	
</ul>
</div>

But you lose your pointer cursor, so in the stylesheet (a part of chromestyle.css shown here, addition red):

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
cursor:pointer;
}

[smartiz]

Thanks for speedy reply.....

works perfect, just how I wanted.....