Quote:
Originally Posted by jbacelar
Note the file "portada.xhtml", in this case it is a cover and the tag is <h1> (but this is the same for a cover, a chapter, etc.).
Observe the text carefully within the svg.
In the file "Estilo.css" you will find that the h1 tag (in your epub should be h2) has the property: display-none.
In short the header tag does not actually look, it's for the TOC. What you see is the text that is in the svg wrapper.
|
I understand now. Thanks for the help.
This worked in firefox's epub reader but the text was missing in the Kindle previewer. I couldn't tell if the previewer was ignoring the x,y coordinates or the image was covering the text.
The text was also trapped inside the image. Because the image is trying to fill the page as much as possible, there is no space at the top for the chapter title/text to sit.
I'm trying to create this space for the chapter title to be preserved and have the svg wrapped image fill the rest of the available space while maintaining its aspect ratio.