链接不在<li> </li>内部工作

时间:2012-04-01 03:06:07

标签: html anchor

我查看了类似问题的答案,但没有提供我需要的帮助;我仍然没有反应迟钝的链接! 更清楚的是,通过无响应的链接,我的意思是链接不起作用;它们的风格与预期完全一致。

这是CSS:

#nav3 { padding: 0; margin:15px 15px 0; height:29px; background-repeat: repeat; background-position: left top; }
.ddcolortabs { padding: 0; width: 100%; }
.ddcolortabs ul { font: normal 13px Arial, Verdana, sans-serif; margin:0 0 0; padding:0; list-style:none; }
.ddcolortabs li { display:inline; margin:0 2px 0 0; padding:0; }
.ddcolortabs a { float:left; color: #4963AE; background: #B9D6E5 url(../../content/themes/wd/images/tabs/color_tabs_left.png) no-repeat left top; margin:0 6px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; font-weight: bold; }
.ddcolortabs a.selected { background: #98a5d3 url(../../content/themes/wd/images/tabs/color_tabs_left.png) no-repeat left top; color: #FFF; }
.ddcolortabs a span { float:left; display:block; padding: 8px 20px 6px 19px; background: transparent url(../../content/themes/wd/images/tabs/color_tabs_right.png) no-repeat right top; }

这是html:

<div id="nav3">
    <div id="colortab2" class="ddcolortabs">
        <ul style="margin-left:10px;">
            <li><a href="../MostActive"><span>Most Active</span></a> </li>
            <li><a href="#" class="selected"><span>Most Popular</span></a></li>
            <li><a href="../MostRecent"><span>Most Recent</span></a></li>
            <li><a href="../BrowseCategories"><span>Browse Categories</span></a></li>       
        </ul>       
    </div>
</div>

2 个答案:

答案 0 :(得分:1)

我的不好,标记更高我有一个用z-index设置的div:-1

答案 1 :(得分:0)

我刚遇到这个问题。我通过包含页面的完整链接和锚点来解决它。

<a href="/PAGENAME#anchor-link">Click here</a>

烦人的问题。在进行此更改之前,它在本地工作正常。我不确定网络主机的服务器是否以某种方式参与其中?