我努力使圖像的畫廊,一個頁面到下一個像這個網站:試圖製作一個簡單的img圖庫 - 我的箭頭無法正常工作。請幫忙。
francescoclemente.net/now/1.html
我下載了一些arrow.png圖像,使箭頭,並將它們實現爲我的HTML,如下所示:
<div class="paintings">
<img src="stanpics/paintings/nyc/bathesda fountain'.jpg" alt="bathesda fountain" title="bathesda fountain">
<p class="pdescribe">bathesda fountain</p>
</div>
<div class="rightarrow">
<a href="paintingsnyc2.html"><img src="rightarrow.png" class="rightarrow" title="next" alt="next"></a>
</div>
<div class="leftarrow">
<a href="paintingsnyc.html"><img src="leftarrow.png" class="rightarrow" title="back" alt="back"></a>
</div>
div「繪畫」是藝術形象。 「左箭頭」和「右箭頭」是我想放在側面的兩個箭頭。出於某種原因,鼠標指針圖標(指示錨標籤或鏈接)不會顯示,除非您將鼠標懸停在右箭頭圖像下。我究竟做錯了什麼?謝謝你的幫助。
這裏是箭頭類的CSS。
.leftarrow {
margin: 0 auto;
padding: 0;
position: relative;
bottom: 82px;
left: 120px;
}
.rightarrow {
margin: 0 auto;
padding: 0;
position: relative;
top: 50px;
left: 190px;
}
我試過了所有我能想到的東西,我知道這可能是非常簡單的東西,把我搞亂了。感謝您的更正。
哪個瀏覽器是造成你麻煩嗎?我檢查了Chrome,FF和IE9 - 都很好。 – Endijs 2012-03-16 16:44:36
使用Safari,我沒有檢查其他人......也許這是一個野生動物園的事情? – SamYoungNY 2012-03-16 16:59:07
檢查Safari(Win) - 也不錯。 :) – Endijs 2012-03-16 17:07:51