Member Avatar for amritanshu93

Hi Everyone,

I am a fresher in web development & want to create Menu Bar with the help of Drop Down function. I need the coding in CSS with a little bit help of HTML program. Plz any one help me to solve my prob.

  • 2 Contributors
  • 4 Replies
  • 254 Views
  • 22 Hours Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for diafol

You should try google. Otherwise, post what code you have and we'll have a look at it. This is a help forum not a code-for-free joint.

Member Avatar for amritanshu93

I am Using the below code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <link type="text/css" href="menu.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="menu.js"></script>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>

<body>
<style type="text/css">
* { margin:0;
    padding:0;
}
body { background:rgb(74,81,85); }
div#menu { margin:50px auto; }

</style>

<h4>
<div>
</div>
<div id="menu">
<ul class="menu"><font color="#FFFFFF">
    <li class="parent"><span>About Expinfo</span>
        <ul>
            <li>Leadership</li>
            <li>Solution Partners</li>
            <li>Clients</li>
            <li>certification</li>
        </ul>
    </li>

    <li class="parent"><span>Service/Products</span>
        <ul>
            <li>Technology Consulting</li>
            <li>Enterprise App. Development</li>
            <li>System Integration</li>
            <li>Data Management</li>
         </ul>
    </li>
</ul></
</div>



</body>
</html>
Edited by Nick Evan because: Fixed formatting
Member Avatar for amritanshu93

now problem is that the list I creat it not stay on page....

Member Avatar for diafol

OK, this is because your CSS needs modifying. Have a look at jQuery and various dropdowns. CSS Lists also have good examples.

My personal favourites can be found here: http://www.lwis.net/free-css-drop-down-menu/

Edited by diafol because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.