Make an image show or float

[mbp]

What is the easiest way to insert an image as displayed on my picture?

 

Have tried adding an div in layout.tpl but the place of the picture moves and lies over the header if i preview the page from low resolution browser.

[vekia]

the easiest way: html box free + code like:

<div style="width:30px; height:100px; display:block; position:fixed; right:0px; top:100px; background:none;">
    <a href="http://www.facebook.com/MyPresta" style="background:none;" target="_blank">
        <img src="http://mypresta.eu/content/uploads/2013/03/howtofacebookbutton.png" style="background:none;">
    </a>
</div>

take a look here: floating advertise image

 

you can of course change position of the floating image with css styles, just manipulate values in params: right:0px; / top:100px;

[mbp]

Thx, that actually helped me a lot!

 

But i got one more question i can't figure out:

 

Can i make the image disappear behind the white instead if floating in to main page?

 

 

 

 

[vekia]

you have to define z-index params for white container and also for your image.

can you share url to your website? i will inspect it