htmlcssimagedashing

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

Solution

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