CosaNostra
Registered
Обяснявам директно. Като дам margin-top: -35px ми стои идеално, но проблемът е, че News е линк, а щом му дам маргин-а не мога да кликна на него. От къде идва тази грешка и как мога да я оправя.
[css]#menu-main { background: url(../images/menu-main.gif) repeat-y; width: 190px; margin-top: 0px; padding: 0 0 0 20px; }
#menu-main ul, li { list-style: none; margin-left: -20px; padding-bottom: 1px; }
#menu-main a { display: block; }
#menu-main a:link { text-decoration: none; color: #f3f3f3; font-weight: bold; background: url(../images/link-bg.gif) no-repeat; line-height: 18px; padding-left: 20px; height: 20px; width: 130px; }
#menu-main a:visited { text-decoration: none; color: #f3f3f3; font-weight: bold; background: url(../images/link-bg.gif) no-repeat; line-height: 18px; padding-left: 20px; height: 20px; width: 130px; }
#menu-main a:hover { text-decoration: none; color: #f3f3f3; font-weight: bold; background: url(../images/link-bg.gif) no-repeat; line-height: 18px; padding-left: 20px; height: 20px; width: 130px; }
#menu-main a:active { text-decoration: none; color: #f3f3f3; font-weight: bold; background: url(../images/link-bg.gif) no-repeat; line-height: 18px; padding-left: 20px; height: 20px; width: 130px; }
#menu-main span.link { background: url(../images/link-arrow.gif) no-repeat; width: 4px; height: 7px; border: 0; margin-left: -13px; margin-top: 6px; float: left; }
[/css]
HTML:
<div id="menu-main">
<ul>
<li><a href="news.php"><span class="link"> </span>News</a></li>
</ul>
<div id="menu-bottom"> </div>
</div>