Results 1 to 5 of 5

Thread: AnyLink CSS Vertical Menu Alignment Problem

  1. #1
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation AnyLink CSS Vertical Menu Alignment Problem

    1) Script Title: AnyLink CSS Vertical Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nylinkcss2.htm

    3) Describe problem:

    I have placed your code on my page and have found that the "navlist" is appearing approximately 40 pixels from the left of the page. How do I make it align left with no margin. I have tried moving it out of the <td> and it made no difference.

    Thanks
    (See code below)

    <table width="135" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td bgcolor="#9BC1B6" class="LeftMenu" height="30">9 Jan. 2008, 10:36</td>
    </tr>
    <tr>
    <td bgcolor="#E7F3EF" class="LeftMenuBorder">
    <ul class="navlist">
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    <li onmouseover="dropdownmenu(this, event, 'anylinkmenu2')"><a href="http://www.dynamicdrive.com/style/" onclick="return clickreturnvalue()">CSS
    Examples</a> <span style="position: relative; left: 25px">></span></li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
    </ul>
    <div id="anylinkmenu2" class="anylinkcss" style="width: 160px;"> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Vertical
    CSS Menus</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical
    CSS Menus</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image
    CSS</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form
    CSS</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs
    and containers</a></div>
    </td>
    </tr>
    <tr>
    <td bgcolor="#9BC1B6" class="LeftMenu" height="30">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>img src="../../images/Icon_Telephone.gif" width="19" height="14" /></td>
    <td height="25" class="Arial12">Contact Us</td>
    </tr>
    <tr>
    <td><img src="../../images/Icon_Man.gif" width="11" height="23" /></td>
    <td class="Arial12">Contact an Adviser</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

  2. #2
    Join Date
    Dec 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Align problem solved

    Type this between the head tags:

    Code:
    <style type="text/css">
    body {margin:0px;}
    </style>
    I hope this helps.
    Last edited by A800; 01-09-2008 at 10:23 AM. Reason: Typo :)

  3. #3
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks I'll give it a try.

  4. #4
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by A800 View Post
    Type this between the head tags:

    Code:
    <style type="text/css">
    body {margin:0px;}
    </style>
    I hope this helps.
    I am having exactly the same problem and I am afraid this did not change anything

  5. #5
    Join Date
    Dec 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    in that case, add this (highlighted in bold):

    Code:
    <style type="text/css">
    body {margin:0px; padding:0px;}
    </style>
    If that does not work, do this (highlighted also):

    Code:
    <style type="text/css">
    body {margin-left:0px; padding:0px}
    </style>
    Last edited by A800; 01-14-2008 at 05:21 PM. Reason: Added more info.

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
  •