2009-01-30 77 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>,它會 '跳' 到自身。這是你想要的嗎?