Hi
Do you want it to appear in the footer?
hi,
not in the footer.
I want it to appear at the bottom of the screen, no matter where you are on the page.
I tried playing around with position:absolute but couldnt get it right
Thanks
Place a <div>
with a class at the end of the footer.php
just before the </body> tag. Then apply css properties to the class in your style.css
. So it should be as follows:
<div class="footer_banner"></div>
.footer_banner{
background:url(http://physmaticsmusic.co.uk/wordpress/wp-content/uploads/2011/08/quote.png) no-repeat;
height:799px;
height:67px;
margin:0 auto;
display:block;
}
Change the image URL if needed
http://www.w3schools.com/css/css_positioning.asp
position: fixed;
should work;
example, possibly be added just before the </body>
tag:
<div style="position:fixed;width:100%;bottom:0;text-align:center;"><img src="http://physmaticsmusic.co.uk/wordpress/wp-content/uploads/2011/08/quote.png" alt="" /></div>
Great
Thanks alchymyth – that worked
how can i get it behind the content though?
Thanks again
try and add z-index:-1;
to the styles of the above snipppet.
http://www.w3schools.com/cssref/pr_pos_z-index.asp