PDA

View Full Version : AnyLink CSS Vertical Menu Alignment Problem



LaurenCory
01-09-2008, 09:54 AM
1) Script Title: AnyLink CSS Vertical Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss2.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>

A800
01-09-2008, 10:22 AM
Type this between the head tags:



<style type="text/css">
body {margin:0px;}
</style>


I hope this helps.

LaurenCory
01-10-2008, 08:28 AM
Thanks I'll give it a try.

waterdene
01-11-2008, 09:06 AM
Type this between the head tags:



<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

A800
01-14-2008, 05:16 PM
in that case, add this (highlighted in bold):



<style type="text/css">
body {margin:0px; padding:0px;}
</style>


If that does not work, do this (highlighted also):



<style type="text/css">
body {margin-left:0px; padding:0px}
</style>