<div class="chromestyle" id="chromemenu"> <ul> <li><a href="index.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Home</a></li> /* this is the first menu */ <li><a href="rerource/?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="dropmenu1">Resources</a></li> /* second is link to page resource */ <li><a href="news/?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="dropmenu2">News</a></li> </ul> </div>
<!--1st drop down menu --> <div id="dropmenu1" class="dropmenudiv"> <a href="http://www.dynamicdrive.com/">Dynamic Drive</a> <a href="http://www.cssdrive.com">CSS Drive</a> <a href="http://www.javascriptkit.com">JavaScript Kit</a> </div>
<!--2nd drop down menu --> <div id="dropmenu2" class="dropmenudiv" style="width: 150px;"> <a href="http://www.cnn.com/">CNN</a> <a href="http://www.msnbc.com">MSNBC</a> <a href="http://news.bbc.co.uk">BBC News</a> </div>
the question are between "<li><a href="index.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Home</a></li> and "<li><a href="rerource/?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="dropmenu1">Resources</a></li>", first home menu is linked to index.php without drop down menu, second menu is linked to page resouce with drop down menu, but when I applied to html it's doesn't work for the second menu, because there's a "rel" condition inside "<a href" tag. How to work for the second menu?please So, if I click the second menu that link direct to page resource and in the same time when I mouse over, a drop down menu it's keep showing.