Page 1 of 1
Posted: Thu May 06, 2021 9:43 am
Is it possible to add an image in front of glossSurfaceForm. I tried:
Code: Select all
content: url("images/note-surf.png") " Surface form\a0\219d\a0\202f";
But nothing happens
Posted: Thu May 06, 2021 1:02 pm
I tried on my side and the content is displayed before my glossSurfaceForm.
Could you indicate on which Oxygen version you are trying to obtain this result?
You can also try to debug your CSS
and see if the .merged.html file contains the text to be displayed before the glossSurfaceForm.
Posted: Fri May 07, 2021 9:35 am
Sorry! I forgot to indicate that it is DITA Map EPub transformation and version is 23.1
Posted: Fri May 07, 2021 10:00 am
Maybe you can unzip the produced EPUB and look inside at the produced HTML content to see how you can match that specific HTML element. Also make sure that the image "images/note-surf.png" actually is inside the EPUB, otherwise maybe you can set it base 64 encoded.
Posted: Sat May 08, 2021 10:13 am
I found that "images/note-surf.png" is not copied to the "images" directory. All other pictures are there.
Posted: Mon May 10, 2021 7:24 am
Not all images in the input folder are automatically copied to the output folder. The images need to be referenced in a DITA topic or a DITA Map in order to be copied over.
Maybe you can add a reference in the DITA Map to the image, something like:
Code: Select all
<topicref href="images/note-surf.png" format="png" processing-role="resource-only"/>
That "processing-role" attribute states that it should not appear in the table of contents as a link, it is just an additional resource.
Posted: Mon May 10, 2021 12:59 pm
Thanks a lot!
Both methods (base64 and topicref) work.