Hi guys. Was wondering if anyone could shed some light on a problem I have here. What I want to do is just have to drop down menu's that work on a mouse over. I have the first one working 99% correctly but I tried adding a second drop down menu beside it and now both don't work.
The only problem I could see when the first one was working that if I refreshed the page the drop down menu was already appearing without the mouse over, but once I put the mouse over the menu it dissapeared and worked correctly from there on. Any reasons why this could be? When I add the second part of the code to the page the second button appears halfway down the page and in the centre of the page, and neither of the drop down menu's work correctly.
So I would really appreciate it if anyone could help me with this as I'm relatively new to HTML, CSS and PHP. Or if my way of implementing the drop down menu isn't as efficient as another way. Thanks alot guys.
<div id = "toolContent"> <tr> <td> <!-- Displays the forms on mouseOver function --> <span onmouseover="document.all.D.style.display = 'block'" onmouseout="document.all.D.style.display = 'none'"> <b><font color = black >Book Review</font></b><br /> <span id="D" onClick="document.all.D.style.display = 'none'"> <a href="tc_oss_rc.php" >Choice 1</a><br /> <a href="tc_pm.php" >Choice 2</a><br /> <a href="tc_pf.php" >Choice 3</a><br /> <a href="tc_cnoss.php" >Choice 4</a><br /> <a href="tc_wran.php" >Choice 5</a><br /> </span> </span> </td> </tr> </div> <!-- This is the menu that appear's halfway down the centre of the screen --> <div id = "searchButtonLayout"> <tr> <th> <span onmouseover = "document.all.D.style.display = 'block'" onmouseout = "document.all.D.display = 'none'"> <b><font style = 'Ericsson Capital TT Regular'>Search</font></b><br /> <span id = "D" onClick = "document.D.style.display = 'none'"> <a href = "searchByReviewForum.php" >By Review Forum</a><br /> <a href = "searchByReviewNumber.php" >By Review Number</a><br /> <a href = "searchByDocumentNumber.php" >By Document Number</a><br /> </span> </span> </th> </tr> </div>
If there's any more of my code needed let me no and I'll post it. Thanks again