1.

How Do I Place Text Over An Image?

Answer»

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>

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>


Discussion

No Comment Found

Related InterviewSolutions