CODEWITHSUNDEEP
dompdf
Globetrotter
Globetrotter

Reputation: 31

An image as a button for a link will be placed after the text in a PDF and not in between

On my site I have images in the travel report, some of which you can click on and are therefore between the a tag of a link. This works well on the site. But if a PDF is made of it, the images with links will be placed behind the text.

 We received the code, Robin immediately walked over to it and came back with the house key.<a href="/bonnnen.php?bon=bon0001&land=Carcassonne&eenh=€&bedr=111,40#bot"><img src="/images/pngegg64.png" alt="Receipt” title="click to view the bill" border="0" align="left"></a> After dinner to the apartment.

Does anyone know how this can be solved so that the image also appears between the text and not after the text?

Upvotes: 1

Views: 366

Answers (1)

Abdullah Ibn Shahin
Abdullah Ibn Shahin

Reputation: 43

Maybe you can set a z-index value for your image's CSS like this:

img {
  z-index: 1;
  position: relative;
}

Or try putting the

<a href="/bonnnen.php?bon=bon0001&land=Carcassonne&eenh=€&bedr=111,40#bot"><img src="/images/pngegg64.png" alt="Receipt” title="click to view the bill" border="0" align="left"></a>

in a block-level element. Wrap a <div></div> around it.

Hope it helps!

Upvotes: 1

Related Questions