來自JS Gallery的縮略圖放置在頁腳

我試圖在頁面的頁腳中添加js庫的縮略圖部分。我以前從來沒有斷了畫廊和揣摩它是實現這一目標看起來來自JS Gallery的縮略圖放置在頁腳

http://img69.imageshack.us/img69/5923/bsade.jpg

的鏈接，我現在已經是唯一的方法：http://www.marisaraskin.com/two.html。

（邊框只是引導我，而我還在做這個工作）

的縮略圖容器中的CSS代碼：

.galleria-thumbnails-container { 
    height: 100px;<br> 
    bottom: 0;<br> 
    position: absolute;<br> 
    left: 10px;<br> 
    right: 10px;<br> 
    z-index: 1;<br> 
    border:1px solid yellow;<br> 
}

我不知道我的其他選項是爲了這個。我可能是想用z-index在頁腳上重疊內容容器。雖然我很擔心，尤其是因爲每個人的屏幕分辨率都不一樣。我可以根據請求發佈更多代碼。我不確定你現在還需要看到什麼。

如果您需要知道我正在使用名爲「Galleria」（經典）的畫廊js。

來源

2012-01-29 Marisa R

你不應該在你的CSS中有換行符標籤'
'。 – 2012-01-29 20:16:53

對不起，我以爲我不得不在這個網站的文本框中使用這些。它不在實際的CSS上。 – 2012-01-29 21:40:13

如果我是你，我會修改js腳本，這樣就可以填充不在實際的HTML代碼連續的塊，但這裏有一個粗略的辦法做這一切通過CSS：

刪除position:relative從#container的
從.galleria容器除去position:relative
添加position:absolute到.galleria級和除去左和右定位。此外，請添加top:90px（或與之相近的東西），並且給它一個寬度：width:920px。
更改.galleria縮略圖容器使用絕對定位和使用bottom:___屬性將它設置在您所屬的位置。

基本上你在這裏做的是刪除畫廊的父元素中的所有相對位置，以便畫廊細分所有相對於頁面而不是其父元素的所有位置。一旦完成，您可以修改舞臺區塊和縮略圖區塊的絕對位置和寬度，以便它們坐在您想要的位置。

來源

2012-01-29 22:04:00

哇。非常感謝！它的工作和縮略圖現在位於頁腳頂部。是否有可能讓圖庫容器/舞臺對齊到容器div的底部？像#container {bottom：0; }？我注意到CSS的高度不能用於高度：100％，這是真的，我不得不指定高度嗎？ – 2012-01-31 05:50:15

再次，非常感謝你！ – 2012-01-31 05:50:24

高度：100％只在直接父元素具有定義的高度時纔有效。否則，你必須指定具體的高度（或者使用javascript來計算父節點的計算高度，然後將該高度應用到子節點） – 2012-01-31 12:34:17

來自JS Gallery的縮略圖放置在頁腳

回答

相關問題