Html水平圖像菜單欄

Question

我是一個業餘程序員。 我正在製作遊戲服務器的網站。 我想在頂部有一個水平圖像菜單欄。 現在我通過將圖像放在第一張截圖之後的簡單方法中。 https://i.imgur.com/ykUhkcQ.png 但是，當我訪問我的網站從我的手機會是這個樣子：正確 https://i.imgur.com/hOBjN5s.png

可有人代碼這對我？ 如果有人能爲我做到這一點真的很棒：D

Answer 1

請注意，網頁的默認行爲是流佈局。

這意味着如果控件（在您的情況下圖片）沒有足夠的空間，他們會去下一行。

爲了避免這種情況，建立一個表格（1個表格，1行）並將每個圖像放入一個表格單元格中。

事情是這樣的：

<table> 
<tr> 
<td> 
</td> 
<img src="../../imagepath/images1.png><td> 
</td> 
image 2 goes here 
<td> 
image 3 goes here 

</td> 
... 
</tr> 

</table> 

如果你手頭有足夠的時間，我還建議谷歌搜索使用純CSS Horziontal菜單欄。

有一些網站可以免費提供非常高檔的菜單，而且這些菜單都是用CSS編寫的。所以你需要的只是複製/粘貼到你的網頁。唯一需要注意的是這些菜單主要是用CSS（後來的版本）不兼容某些瀏覽器的CSS構建的。