Results 1 to 5 of 5

Thread: DD AnyLink CSS Menu Help

  1. #1
    Join Date
    Apr 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation DD AnyLink CSS Menu Help

    AnyLink CSS Menu
    http://www.dynamicdrive.com/dynamici...anylinkcss.htm

    Hi, i´am using the anylink css menu in my website, all works great except one thing.
    I am having some trouble with aligning the menu when the page is center.

    I am centering the page with the css:

    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    background: white;
    WIDTH: 772px !important;
    MARGIN-LEFT: auto; MARGIN-RIGHT: auto;
    POSITION: relative
    }

    the MARGIN-LEFT: auto; MARGIN-RIGHT: auto; makes the submenu to move about 200px to the right, so it doesn´t appear below the link that "opens" it.

    Can you help me?

    thanks

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The body is a special case in HTML, perhaps if you were to create a container division and give it the body's properties, things might work out. In other words, change this:

    Code:
    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    background: white;
    WIDTH: 772px !important;
    MARGIN-LEFT: auto; MARGIN-RIGHT: auto; 
    POSITION: relative
    }
    to:

    Code:
    #container {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    background: white;
    WIDTH: 772px !important;
    MARGIN-LEFT: auto; MARGIN-RIGHT: auto; 
    POSITION: relative
    }
    Then for the body of the page have:

    HTML Code:
    <body>
    <div id="container">
    all of the page's HTML goes here
    </div>
    </body>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i try it... but it doesn&#180;t work

    thanks

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    To help further we would need to see your page:

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Apr 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile it works now!!

    i put your code but i never erase the width:772px; in the body
    i only erase the part of the margins, that´s why the idea of the div #container didn´t work !!!
    I correct it now, and it works!!

    the website is still under construction

    http://shopping.netsuite.com/c.587116/site/index.html

    thanks john!!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •