glossSurfaceForm::before

[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

[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

[abacus66]

Sorry! I forgot to indicate that it is DITA Map EPub transformation and version is 23.1

[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

[abacus66]

I found that "images/note-surf.png" is not copied to the "images" directory. All other pictures are there.

[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

[abacus66]

Thanks a lot!
Both methods (base64 and topicref) work.