Overlapping Image

[cah1234]

Hi All,

I am a complete novice when it comes to this so your help and patience are very much appreciated.

In idiot terms how can i get a page to look exactly like this http://supplementsavingcard.com/discounts/the-protein-works

I have already got a full width image but how do i get a smaller logo image to overlap like the link above?

Thanks

[cah1234]

Thanks. Where abouts in the CSS do i copy and paste the code you have provided?

[Scott]

If you want to overlap anything whenever you want the method is pretty simple simple and is achieved by:

give the div that holds your content:
position:relative

give the image these properties:
position:absolute;
top:0;
bottom:0
where top and bottom is your placement of the second image. You can do these a hundred different ways but I think adding a class to your image and giving it the properties above would be the easiest method.

[Scott]

Sorry to simplify just look at my pen lol.
http://codepen.io/ScottMarshall/pen/dPNRKJ

[Author]

Posts