i have a sign up option in the form.there are two types of users who can sign up 1. teacher and 2.student. when sign up option will be selected two options will come for teacher and student. i can do it by drop down list but i want it to be like those websites where options are showed when mouse pointer points the signup without click.please help me
<html>
<head>
<title>Drop Down Menu Test</title>
</head>
<style type="text/css">
div{
height: 30px;
width: 100px;
background-color: red;
}
#status{
color: white;
list-style-type: none;
}
div .menu{
display: none;
position: absolute;
top: 35px;
left :0px;
width: 190px;
background-color: red;
border: 1px solid black;
list-style-type: none;
}
div:hover .menu{
display: inline-block;
}
</style>
<body>
<div id="main">
<ul>
<li id="status">Sign Up
<ul class="menu">
<li>Teacher</li>
<li>Student</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Are you looking to do something like this?