CSS coded fixed buttons around image : Help Needed

[aryanmughal]

Hi All - i want to add CSS coded fixed buttons around image in my blogger blog kindly do the needful

[JorgeM]

Can you further explain your question? It's not clear based on your post.

[aryanmughal]

@JorgeM: Bro i am runnig a website based on blogger blog infrastructure ... http://www.letslmfaoit.com/2012/10/when-girls-are-forever-alone.html kindly open this url and you will se presious and next buttions on both side of the image .. i want to fix them around picture but unable to do it. it gets different in different screen resolutions

[Sahil89]

Have you worked on this project from starting? Because those buttons position is absolute and its not relative to your image. So if you resize your browser after loading you can see everytime you resize your buttons will move.

You can try to include those buttons in the divs that contains images and so they will be where you want. Infact you can see daniweb, our names in left are at correct position even we resize the browser because its included in the one div that contains our post too. I think this will solve your problem.

[aryanmughal]

its not in the theme from start i have added the css code after word can you help me fixing it?

[Sahil89]

ya I posted the answer already include it in the same div which contains the image. Maybe in div whose class is post hentry uncustomized-post-template

[designershiv]

Hi @aryanmughal,

Here the solution:

#main-wrapper {

/* overflow:hidden; */ Remove overflow hidden 
position : relative;  // Add position : relative; 

}

.Blog { position:absolute; }

.blog-pager-newer-link { position : absolute; right : -12px; }

.blog-pager-older-link { position : absolute; left : -12px; }

Try this it will work, Please let me know once done