I've been attempting to center an image on my webpage above the footer, but all my efforts have failed. Here is the HTML code I've been using:
<div class="center-block">
<img alt="footer" title="footer" class="image-footer" src="./img/demo.png"/>
</div>
<div class="navbar-fixed-bottom footer">
<ul class="foot-left">
<li><a href="#" class="menu_buttons" >Home</a></li>
<li><a href="#" class="menu_buttons" >About</a></li>
<li><a href="#" class="menu_buttons" >Support</a></li>
</ul>
<ul class="foot-right">
<li><a href="#" class="menu_buttons" >Powered by Demo</a></li>
</ul>
</div>
The CSS for the image-footer class is as follows:
.image-footer {
position:absolute;
top:680px;
}
Despite trying numerous combinations, I haven't achieved the desired result. If anyone has any advice or suggestions, please let me know. Thank you!