Right, sorry about this people but i still cant do it, and i can see why, ill post the alterations i have mad so far,
<td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')"> <td width="170" id="topmenu" class="menu"><a href="http://localhost/test/community.html">My Community</a> <table class="menu" id="tutorials" width="120"> <tr><td class="menu"><a href="/html/default.asp">HTML</a></td></tr> <tr><td class="menu"><a href="/xhtml/default.asp">XHTML</a></td></tr> <tr><td class="menu"><a href="/css/default.asp">CSS</a></td></tr> <tr><td class="menu"><a href="/xml/default.asp">XML</a></td></tr> <tr><td class="menu"><a href="/xsl/default.asp">XSL</a></td></tr> </table> </td>
Now this is within a menu i have already designed because i only need one option to be a dropdown!The rest I have put in a style sheet like this,
function showmenu(elmnt){document.getElementById(elmnt).style.visibility="visible"}function hidemenu(elmnt){document.getElementById(elmnt).style.visibility="hidden"}
And the style for the table is
#topmenu{ text-align:center; font: .95em/1.6em Arial, Helvetica, sans-serif; color:#DBDFEE; background-image:url(http://pmigroup.ie/images/backblu.jpg); background-repeat:repeat;}#topmenu a{ text-decoration:none; color:#DBDFEE; }#topmenu a:hover{ color:#ffffff; background-image:url(http://localhost/images/backblu2.jpg); background-repeat:repeat;}td.topmenu{background:lightblue}table.topmenu{font-size:100%;position:absolute;visibility:hidden;}
Any help thankz a million!!!