div內的圖片繼續移動

<div style="banner" top:0; align="center" position: absolute; z-index: 1; visibility: show;> 
<img src="banner.jpg" /></div> 
<div style="buttons" align="center" top:200; left:85; position: fixed; z-index: 1; visibility: show;> 
<img src="homebutton.jpg"/><img src="aboutbutton.jpg" /><img src="missionbutton.jpg" /><img src="contactbutton.jpg" /><img src="pricingbutton.jpg" /></div> 
<div style="pics" align="center" top:370; position: fixed; z-index: 1; visibility: show;> 
<img src="inrepair.jpg" /><img src="homeoffice.jpg" /><img src="onsite.jpg" /></div> 
<div style="pics2" align="center" top=711; position: fixed; z-index: 1; visibility: show;> 
<img src="computers.jpg" /><img src="networking.jpg" alt="Networking"/><img src="games.jpg"/></div>

我的圖像的組合寬度爲1024px。只要我將瀏覽器大小降低到1024像素以下，橫幅以外的所有圖像就會開始堆疊在彼此之上。我希望他們只是隱藏像橫幅已經在做的那樣不能顯示的東西。我能做些什麼來解決這個問題？我相信這是一個非常簡單的解決方案，但是我在html上很糟糕。div內的圖片繼續移動

來源

2011-05-13 user751781

是...是CSS嗎？ – Blender 2011-05-13 05:23:46

您的標記對於初學者來說非常糟糕。這個頁面在線查看？所有'位置：固定'也不太健康。 – Marcel 2011-05-13 05:27:04

CSS和html，我只把這部分代碼，這導致我的問題。 – user751781 2011-05-13 05:28:40

您可以創建一個「容器」，元素與1,024像素固定寬度將包含所有這些圖像

<div style="width: 1024px"> 
    all of the images goes here 
</div>

只是注意，如果您有什麼保持頁面無需水平滾動的<div>應該是因縱向滾動而少於1024

來源

2011-05-13 05:28:36 Teneff

div內的圖片繼續移動

回答

相關問題