How to place an Image ontop of an image in wordpress

3 replies
  • WEB DESIGN
  • |
Hi Guys,
Quick Question.
Is there a way to insert and image into a post and then insert another image on top of it, such as a button that is clickable?
Thanks in advance for your responses.
#image #ontop #place #wordpress
  • Profile picture of the author thethefly
    There are many ways to do this. Switch to the HTML editor and use the following markup, for example:

    HTML Code:
    <div style="position:relative;">
    <img src="http://img.jpeg" width="100" height="100" />
    <a href="#" style="position:absolute; left:0;top:0; z-index:2; display:block;">
    <img src="http://button.jpeg" width="50" height="50" /></a>
    </div>
    {{ DiscussionBoard.errors[5021113].message }}
  • Profile picture of the author EricDelano
    Yeah absolute positioning inside a relative div works great. Make sure you indicate the z-index for the stacking order.
    Signature
    {{ DiscussionBoard.errors[5040390].message }}
  • Profile picture of the author davidjohn12
    Yeah absolute positioning inside a relative div works great. Make sure you indicate the z-index for the stacking order.
    {{ DiscussionBoard.errors[5047621].message }}

Trending Topics