Forum

Placing text over the top of an image

Topic closed:

Please note this is an old forum thread. Information in this post may be out-to-date and/or erroneous.

Every phpdocx version includes new features and improvements. Previously unsupported features may have been added to newer releases, or past issues may have been corrected.

We encourage you to download the current phpdocx version and check the Documentation available.

Posted by skinhat · 28-12-2021 - 07:38

How do you put text over the top of an image? I have tried below but the text is placed under the image:

<phpdocx_image data-borderColor="FFFFFF" data-borderWidth="0"  data-src="/images/rq800.jpg" data-imageAlign="left" data-scaling="100"  />
<span style="margin-top:-300px;">Some text</span>

Posted by admin · 28-12-2021 - 08:58

Hello,

You can set a text wrap value using textWrap. phpdocx_image (https://www.phpdocx.com/htmlapi-documentation/html-extended/insert-image-Word-document-with-HTML), tag available in HTML Extended, includes the following option to set textWrap:

data-textWrap

Text wrap:
0 (inline)
1 (square)
2 (front)
3 (back)
4 (top and bottom)
5 (clear)

You can use data-textWrap="3" to apply back to the image.

Regards.

Posted by skinhat · 29-12-2021 - 00:22

Thanks. That worked. data-textWrap="3" makes it so that text placement is as though the image isn't there