HTML 如何在页面底部创建一个带有可点击小图像的横幅？答案

【问题标题】：HTML How to create a banner with small clickable images lining up at the bottom of a page?HTML 如何在页面底部创建一个带有可点击小图像的横幅？
【发布时间】：2016-06-20 22:27:28
【问题描述】：

我在让带有可点击图像的横幅正常工作时遇到问题。横幅似乎很好，但是图像不是很多。请看一下！提前致谢！

HTML：

<div id="fixed" style="background-color: #000; height: 60px; width: 1920px;">
   <div>
     <img src="image_mini.png"/>
   </div>
</div>

CSS：

#fixed {
  position: fixed;
  left: 0px;
  padding: 0px;
  bottom:0px;
}

【问题讨论】：

第一次使用这个网站，HTML没有一路走完。
imgs 到底有什么问题？预期的输出是什么？
图像不显示，而是显示默认的“丢失图像”图像，如果这有意义的话。好像它没有被定向到正确的位置。
那么问题是img或ubication的路径
好的，我需要从哪里开始路径？从 C: 还是从文件夹的开头？

标签： html css image dashing

【解决方案1】：

根据您的喜好编辑此代码，如果您希望图像可点击，则需要将其制成链接或按钮；同样非常重要的是确保您的图像路径正确，并在图像标签上调整您的宽度和高度。

<style>
#fixed {
  position: fixed;
  left: 0px;
  padding: 0px;
  bottom:0px;
}
</style>


<div id="fixed" style="background-color: #000; height: 60px; width: 1920px;">
   <div>
   <a href="home.php"><img src="image_mini.png" width="50" height="50"/></a>  
   </div>
</div>

【讨论】：