Why is my CSS not doing drop down menus?

**Wajeeha** · 15-05-2010

I am student in BSC(IT) and I am having a project for my last semester. Actually, I am developing a website for the same. Well, I am facing a weird problem now, in between the project. Actually, what I need to know is that why is my CSS not doing drop down menus?. All the other features that I have tried out in this project has worked out fine.

It will be a great help if someone could help me with the code for the same or let me understand what may be causing the issue. All possible suggestions and comments are duly appreciated.

**Praetor** · 15-05-2010

Hello there, if your CSS not doing drop down menus, then you can have a look at the following 2 threads because there are required codes given there. I suppose that they will prove to be of help to you:

After trying out the solutions from these threads, let me know if the issue is solved or not.

**MindSpace** · 15-05-2010

First remove all the CSS drop down menu codes and then, check out with the simple code that is provided below. I have just used the simple mouseover and mouseout JavaScript functions in this case:

Code:

<html>
<body>

<script type="text/javascript">
function viewsubmenu(id)
{
    document.getElementById("submenu_" + id).style.display="block";
}
function hidesubmenu(id)
{
    document.getElementById("submenu_" + id).style.display="none";
}
</script>

<style>
#submenu_1 {
display:none;
}
</style>

<div class="nav">
    <ul>
        <li><a onmouseover="viewsubmenu('1')" onmouseout="hidesubmenu('1')">HOME</a></li>
    </ul>

    <ul id="submenu_1">
        <li>ABC</li>
    </ul>
</div>

</body>
</html>

**Zecho** · 15-05-2010

I think that you are using a wrong style in the CSS and this may be the reason why it is not doing drop down menus. The easiest to fix such situations is to try going about with another technique or style.

Just dont try out one style in the list, that is only linked list. Try out the other styles too and you may be able to understand what is going wrong in the style that you are using currently.

I wish you good luck.......

**Modifier** · 15-05-2010

There are many ready-made codes available on the internet for the purpose of the drop down menus. If you are not able to figure out how to solve the problem in your code, then simply embed the ready-made code into your CSS file. I can assure you that it can do the trick. You just need to understand what the code is doing after you can make it working.

**Wajeeha** · 17-05-2010

Hello again, thanks for providing all your suggestions to eradicate this situation that the CSS is not doing drop down menus. Well, I have not tried out any of the solution provided by you people. I will try out the same and let you know if the issue is solved or not. I hope that there will be more help granted by I ask for some more suggestions.

Anyways, you people have a nice time.