2012-03-16 63 views
0

我努力使圖像的畫廊,一個頁面到下一個像這個網站:試圖製作一個簡單的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; 

    } 

我試過了所有我能想到的東西,我知道這可能是非常簡單的東西,把我搞亂了。感謝您的更正。

+0

哪個瀏覽器是造成你麻煩嗎?我檢查了Chrome,FF和IE9 - 都很好。 – Endijs 2012-03-16 16:44:36

+0

使用Safari,我沒有檢查其他人......也許這是一個野生動物園的事情? – SamYoungNY 2012-03-16 16:59:07

+0

檢查Safari(Win) - 也不錯。 :) – Endijs 2012-03-16 17:07:51

回答

1

很難重現您的問題沒有圖像,但這裏有一些想法,你可以嘗試:

  • 添加heightwidth的CSS爲你的按鈕
  • 添加display:block的CSS爲您的按鈕
相關問題