MobileRead Forums - View Single Post - problems making an image a hyperlink in epub

klgc · 04-17-2019, 03:35 PM

Discovering that images inserted with Sigil weren't scaling properly in iBooks, you fine folks here helped me correct the issue so that now I'm using the sample code:

<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:100%; max-width:100%; height:auto; max-height:100%;" version="1.1" viewBox="0 0 600 525" preserveAspectRatio="xMidYMid meet">
<image width="600" height="525" xlink:href="../Images/C01Ilus01.png"/>
</svg>
</div>

Moving on, I want to add an index of illustrations. I've done so in my NeoOffice master file, but am having problems in my epub file. I can link to an image from the index I created and from the image back to the index in the NeoOffice (.odt) master. It's simply a matter of wrapping an <img ...> tag in an <a ...> tag. However, in my epub I can't seem to make an image a hyperlink to get back to the index.

So far I've tried wrapping various tags within the above sample code with:

<a href="../Text/cEM03.xhtml#c0101ie” id=“c0101”>
. . .
</a>

all to no avail. Is there a way to make an image displayed with the sample code a clickable hyperlink?

Thank you :-)

04-17-2019, 03:35 PM	#1
klgc Junior Member Posts: 9 Karma: 10 Join Date: Feb 2019 Device: MacBook and iPad	problems making an image a hyperlink in epub Discovering that images inserted with Sigil weren't scaling properly in iBooks, you fine folks here helped me correct the issue so that now I'm using the sample code: <div style="text-align: center; padding: 0pt; margin: 0pt;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:100%; max-width:100%; height:auto; max-height:100%;" version="1.1" viewBox="0 0 600 525" preserveAspectRatio="xMidYMid meet"> <image width="600" height="525" xlink:href="../Images/C01Ilus01.png"/> </svg> </div> Moving on, I want to add an index of illustrations. I've done so in my NeoOffice master file, but am having problems in my epub file. I can link to an image from the index I created and from the image back to the index in the NeoOffice (.odt) master. It's simply a matter of wrapping an <img ...> tag in an <a ...> tag. However, in my epub I can't seem to make an image a hyperlink to get back to the index. So far I've tried wrapping various tags within the above sample code with: <a href="../Text/cEM03.xhtml#c0101ie” id=“c0101”> . . . </a> all to no avail. Is there a way to make an image displayed with the sample code a clickable hyperlink? Thank you :-)