html - How to fix image to bottom right in gallery -
i have gallery working fine, want add image in bottom right of gallery have:
i know css solve it:
#container_logo { position:fixed; right:0; bottom:0; margin:0; width:75%; height:75%; background:url(http://blog.logobee.com/free-logo1.jpg) no-repeat bottom right; background-size:100%; }
but how add current code?
i tried adding line background:url(http://blog.logobee.com/free-logo1.jpg)
:
#containingdiv { width:100%; margin:0 auto; padding:0px 0 0 0; background:url(http://blog.logobee.com/free-logo1.jpg) no-repeat bottom right; }
but not showing in right place...
- how change container code has fixed image @ bottom right?
kindly take @ the complete fiddle
take @ http://jsfiddle.net/kgk9f/5/
you need add
<div id="container_logo"></div>
to
<div id="containingdiv">
and make few css changes...
#containingdiv { width:680px; height:470px; position:relative; margin:0 auto; padding:0px 0 0 0; } #container_logo { position:absolute; z-index:500; width:150px; height:150px; right:0; bottom:0; margin:0; background:url(http://blog.logobee.com/free-logo1.jpg) no-repeat bottom right; background-size:100%;
}
hope helps...
Comments
Post a Comment