Hi everyone,
Is there any snippet of code that can easily put an image in front of another?
I run an on line store that can be seen here at http://www.camelandyak.com
As you will be able to see, it is very graphic based, but for new products, I would like to overlay 'new' in the top corner of that product, so it stands out from the rest? Is this possible??
I look forward to your replies.
Jump to PostTry this:
<div style="width: 300px;"><!-- Width of image --> <img src="http://www.camelandyak.com/images/housedoctor/2_m.png" alt="Product Image" /> <div style="position: absolute; left: 0px; top: 0px;"> <img src="http://www.camelandyak.com/images/new.png" alt="New!" /> </div> </div>You should be able to make the adjustments.
Try this:
<div style="width: 300px;"><!-- Width of image -->
<img src="http://www.camelandyak.com/images/housedoctor/2_m.png" alt="Product Image" />
<div style="position: absolute; left: 0px; top: 0px;">
<img src="http://www.camelandyak.com/images/new.png" alt="New!" />
</div>
</div>You should be able to make the adjustments.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.
