The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

how to place text over top of an image? (3 posts)

  1. shmish
    Posted 10 years ago #

    I am interested in placing some text/link over top of an image.
    The post content will contain a link to an image as in:
    <div id="image"><img src="http://blah.com></div>

    then in the top right corner of the image, there will be some text such as
    <div class="info">Photo Info</div>

    This would allow me to click on the text in the corner of the image to link to another page.

    The only way I know how to do this is to use absolute positioning for the .info. However, the image (ie post content) is centered on the page, so the image's corner absolute position changes with the browser size.

    What else can I try?

    For a real ugly mock-up work-in-progress, you can see:
    The text "Photo Info" is what I'm trying to move.


  2. ptvguy
    Posted 10 years ago #

    Not really the best preactice to indulge in, but the simplest solution would be to make the image a background.

  3. shmish
    Posted 10 years ago #

    The images are loaded from the posts. like a photoblog...

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.