2009-01-30 30 views
0

昨晚我决定在我的电脑列表页面添加HTML片段链接。但是,无论链接的模式,还是使用哪个浏览器,这些片段链接都无法通过导航。HTML片段链接与CSS定位一起工作?

http://icelava.net/mycomputers.aspx#SEPHIROTH

http://icelava.net/mycomputers.aspx#DIABLO

的答案更新:链接现在可以正确地流向片段的位置我的错误与标记属性后,已经凸显。

我没有找到任何真正的答案,但从我所读到的,有暗示表明,我使用CSS定位形成两个DIV的双列布局可能会给浏览器带来麻烦,片段链接的垂直位置。

#ContentCol 
{ 
    margin-right: 130px; 
    padding: 3px; 
} 

#RightSideCol 
{ 
    background-color: #fff; 
    float: right; 
    padding: 0px; 
    width: 126px; 
} 

如果是这样,那么适当的方法是什么来允许HTML片段链接?

回答

2

为了让这些网址导航到您想要的目标,您需要命名锚点而不是您在页面中的链接锚点。例如:

<a name="SEPHIROTH" /> 

(不hashmark) 代替:

<a href="#SEPHIROTH"> #1</a> 

最好,而不是使用命名锚,你也可以只给你想浏览的id属性的元素。

<td id="SEPHIROTH">...</td> 

另一个例子。尝试此链接:http://icelava.net/mycomputers.aspx#FooterBanner 由于id属性,您会看到它向下滚动到页脚。

+0

OH!我忘了.... href =“#片段”链接到该片段链接页面中的另一个位置。它没有指定链接位置本身。谢谢。 – icelava 2009-01-30 03:49:23

0

如果你的代码,你有,例如:

<a href="#SEPHIROTH">#3</a> Dell XPS M1530 

您可能需要添加一个id属性:

<a id="SEPHIROTH" href="#SEPHIROTH">#3</a> Dell XPS M1530 

当您单击<a>,它会 '跳' 到自身。这是你想要的吗?