CSS新行問題

Question

我試圖創建一個breezebrowser模板（用於本地生成圖像畫廊，輸出HTML）。我從我的wordpress模板中獲取了HTML，並設法生成了以下圖庫http://uploads.peasyphotos.com/20100607t-candids/gallery/，但每個圖像都會出現一個新行，並且我不知道爲什麼，我認爲它在CSS中。我應該在CSS中尋找什麼來阻止它，或者我可以在模板代碼中放置什麼來禁用該部分的CSS？

謝謝

Answer 1

所以我要給你一個答案更多鈔票。

首先你要這個CSS的樣式添加到圖片的標籤：

display: inline-block; 
height: 150px; 
widht: 150px; 
text-align: center; 
vertical-align: top; 

它的工作原理與Firefox 3.6。我不確定它是否會與奧爾利IE一起工作：P

我希望我能幫上忙！

Answer 2

在你的css文件中，你有一個名爲reset.css的文件。在第57行，你有一行稱爲顯示塊。評論一下，看看。可能不是一個好看法。但圖像不會去下一行。

Answer 3

對於具有這些照片的錨元素使用像這樣的浮動。這會保重。

float:left; 

Answer 4

您的圖片父錨標記沒有正確的CSS。把一個類圖像放在錨標籤上，並使用下面的css。

a.images { 
border-bottom:1px solid #D8048D; 
color:#D8048D; 
display:block; 
float:left; 
height:159px; 
margin:0 10px; 
text-decoration:none; 
width:100px; 
} 

Answer 5

首先我會推薦validating your html。其次，我建議將圖像放在某種容器元素中：可能是無序列表。有一系列鏈接像這樣互相鏈接，存在嚴重的可訪問性問題，沒有分隔的非空白字符。

第三，我會用就行了css類和樣式像這樣：

ul.gallery { list-style: none} 
ul.gallery li { float: left; clear: none; list-style: none}