2012-11-26 17 views
0

這是我有我在我的畫廊圖像HTML:圖片庫 - 採用div或P類如何組圖像

<p class="crop"> 
<img src="image1.jpg" alt="image1.jpg" /></p> 
<p class="crop"> 
<img src="image2.jpg" alt="image2.jpg" /></p> 

然而,採用對類,如這使得他們獨立的圖像,而不是一組圖像,因此我的下一個/上一個箭頭不起作用。

我需要讓他們一組圖像,從而在畫廊的箭頭可以再度正常工作,但我想保持在p類,因爲我需要它來裁剪圖像。我怎樣才能解決這個問題?

下面是作物類的CSS:

.crop{ 
float:left; 
display:inline; 
margin:2px; 
overflow:hidden; /* this is important */ 
position:relative; /* this is important too */ 
width:320px; 
height:240px; 
} 
.crop img{ 
position:absolute; 
top:-0px; 
left:-0px; 
} 

這裏的鏈接到這個問題時,我以前問:不幸的是沒有解決方案的How can get around this issue in my image gallery?工作。

+1

你能否提供更多的信息。箭頭在哪裏?它們是如何工作的?分組意味着什麼? – mattfitzgerald

回答

0

我看到你發佈此相同的問題一兩個小時前,我把它和/或建議並沒有達到預期的效果?雖然我認爲重複的問題在這裏不受重視,但我是否可以建議至少與之前的問題聯繫起來,以便人們可以告知他們以前的答案?我想看看你對人們已經建議的反應,但不能,因爲我找不到原來的問題。

當你嘗試以前的意見發生了什麼事?

注:我知道這不是一個答案,但我需要更多信息來盡力幫助你,我還沒有足夠的「代表」張貼在其他人的帖子評論。請不要記仇我:)

它還將幫助,如果你發佈你的CSS代碼,這樣我們就可以理解了預期的效果。

+0

我已經發布了其他問題和CSS的鏈接。^_^ –

+0

您是否嘗試過Hexa的建議? '.crop {display:inline;}'對不起,是的,我發現這是在你發佈的CSS中。 – vtacreative