Home > DeveloperSection > Forums > How do I place text over an image?
john rob

Total Post:108

Points:756
Posted on    December-17-2012 3:47 AM

 CSS-CSS3 CSS-CSS3 
Ratings:


 1 Reply(s)
 1245  View(s)
Rate this:
Hi every one,

From last night I'm trying to write text over on image. can you help in this problem!

Thanks in advance.


AVADHESH PATEL

Total Post:604

Points:4228
Posted on    December-17-2012 3:57 AM

Hi John Rob,

To place text or image over an image you use the position property. The below example is supported by IE 4.0. All you have to do is adapt the units to your need.

<div style="position: relative; width: 200px; height: 100px">

<div style="position: absolute; top: 0; left: 0; width: 200px">

<image>

</div>

<div style="position: absolute; top: 20%; left: 20%; width: 200px">

Text that nicely wraps

</div>

</div>


Don't want to miss updates? Please click the below button!

Follow MindStick