JBoden JBoden - 5 months ago 9
HTML Question

HTML How to create a banner with small clickable images lining up at the bottom of a page?

I am having an issue getting a banner with clickable images to work properly. The banner seems to be fine, the images however, not so much. Take a look please! Thanks in advance!

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;
}

Answer

edit this code to what is your preferences , if you want the images clickable you need to make it into a link or button ; also very important make sure that the path of your image is correct , and adjust your width and height on the image tag.

<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>