css dropdown menu problem

Question

0.00/5 (No votes)

See more:

Hey guys,

Im having a hard time on putting the dropdown menu in the center of my page, it's always in the left part. Sorry for asking, im just a beginner. Here's the css code i wrote:

CSS

body {
}
#default {
    margin: auto;
}

#Menu {
    margin: auto;
    padding: 0;

}
    #Menu ul {
        margin: 0;
        padding: 0;
        line-height: 30px;

    }
    #Menu li {
        margin: 0;
        padding: 0;
        list-style: none;
        float:left;
        position: relative;
    top: 3px;
    left: 5px;
    height: 30px;
    width: 151px;
}
    #Menu ul li a {
        text-align: center;
        font-family: 'Lucida Bright';
        text-decoration: none;
        height: 30px;
        width: 177px;
        display: block;
        color: black;

    }

    #Menu ul ul {
        position: absolute;
        visibility: hidden;
        top: 30px;
    }

    #Menu ul li:hover ul {
        visibility: visible;
    }

    ul#Menu  sub li:hover sub1 {
        display: block;
    }

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;

}

Posted 29-Sep-13 3:49am

Member 10302214

Add a Solution

Comments

vbmike 29-Sep-13 12:37pm

I think you may need to post the html of the page also.

Member 10302214 4-Oct-13 2:24am

Please refer to my comment below sir. Thanks

Ganesh KP 29-Sep-13 14:16pm

Hi dude, please post your html code too, its very difficult to find the solution to your problem with simple css itself.

Member 10302214 4-Oct-13 2:24am

Please refer to my comment below sir. Thanks

Member 10302214 4-Oct-13 2:23am

Sorry guys its been a busy week for me. Sorry for the later reply. Here's the HTML, Please do help :) it'll be much appreciated.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="WebApplication4._default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="StyleSheet1.css" rel="stylesheet" />

Royalties

</head>
<body>
<form id="form1" runat="server">
<div id="default">
<div id="footer" align="center">copyright © 2013</div>
<div id ="Menu">
<ul>
<li>Home</li>
<li>Products
<ul>
<li>Male</li>
<li>Female</li>

</ul>
<li>About Us
<ul>
<li>Developers</li>
<li>Contacts</li>

</ul>
</li>

<li>Sign up / Log in</li>
<li>Discover
<ul>
<li>Link</li>
<li>Link</li>
<li>Link</li>

</ul>
</li>
<li> </li>
</ul>

</div>
</div>

</form>
</body>
</html>

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ainy Mughal · Answer 1 · 2013-09-29T18:18:00

Solution 1

Post yout code too, than it would be easy to figure out the problem.

Posted 29-Sep-13 18:18pm

Ainy Mughal

Comments

ArunRajendra 30-Sep-13 0:21am

You need to ask in question section not in solution.