Page 1 of 1
glossSurfaceForm::before
Posted: Thu May 06, 2021 9:43 am
by abacus66
Hi!
Is it possible to add an image in front of glossSurfaceForm. I tried:
Code: Select all
.glossSurfaceForm::before {
content: url("images/note-surf.png") " Surface form\a0\219d\a0\202f";
...
}
But nothing happens
Re: glossSurfaceForm::before
Posted: Thu May 06, 2021 1:02 pm
by julien_lacour
Hello,
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.
Regards,
Julien
Re: glossSurfaceForm::before
Posted: Fri May 07, 2021 9:35 am
by abacus66
Sorry! I forgot to indicate that it is DITA Map EPub transformation and version is 23.1
Re: glossSurfaceForm::before
Posted: Fri May 07, 2021 10:00 am
by Radu
Hi,
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.
Regards,
Radu
Re: glossSurfaceForm::before
Posted: Sat May 08, 2021 10:13 am
by abacus66
I found that "images/note-surf.png" is not copied to the "images" directory. All other pictures are there.
Re: glossSurfaceForm::before
Posted: Mon May 10, 2021 7:24 am
by Radu
Hi,
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.
Regards,
Radu
Re: glossSurfaceForm::before
Posted: Mon May 10, 2021 12:59 pm
by abacus66
Thanks a lot!
Both methods (base64 and topicref) work.