html - How to fix image to bottom right in gallery -


i have gallery working fine, want add image in bottom right of gallery have:

enter image description here

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?

here result

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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -