Home/ Questions/Q 139795
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T07:29:57+00:00

Does anyone know of an easy way to display text over top of an

  • 0

Does anyone know of an easy way to display text over top of an image? One solution I’ve found is to just do the following:

<img id='img1' src='myimage.jpg'> <div style='position:relative; top:-30px'> MY TEXT TO DISPLAY ON IMAGE</div>

This will cause the Div and all of its contents to move up 30 pixels. The problem is that I do not know the height of my image. However, I do know the width. Also, there could be many dynamic images on my page that need to have overlaid text and I do not necessarily know the absolute position of the image at runtime on the server.

I also haven’t had much success with making the image a background image because I haven’t been able to get it to show the full image–it just shows enough of the image to put behind the div. If you have any suggestions or need more information please let me know.

PS: I’m open to a client-side solution like javascript/JQuery.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. What about this?

    <div style='position: relative;'>   <img src='...' />   <div style='position: absolute; top:0; left:0'>!!! TEXT HERE !!!</div> </div>
    • 0