I converted another Help project to ePub and opened it in the Adobe epub viewer and got the same results, thus validating your ideas that the viewer could be part of the issue. I've not seen this problem in ePub before. Try your eBook on another eBook viewer.Īs for your tables, what is going wrong? Do you have complex tables or just simple tables with a few rows and columns? The kindle is notorious for not rendering tables correctly. From what I can gather, Digital Editions just chooses to ignore some of your styling. The Kindle for example will ignore the font family you set as it will use it's own fonts. Those readers may very well ignore some styling. For instance, coloured text will not have much use on a black and white e-reader such as the Kindle. Not all devices will display all the nice and fancy styles you add to your eBook. ePub is a book format and 'accidentally' uses a form of HTML: XHTML 1.1. The heading background displays in both the FF eBook reader plugin and Sigil. The fact that you are using Adobe Digital Editions is most likely the problem here. X-lvl-1-type: filled-circle <- command that begin with x-, such as this one. With the "remove the rh-list styles" etc, I mean: ![]() Inline styling takes precedens over styles in your style sheet and may cause a lot of frustration. This happens when you select a font family, colour, underline, etc. With inline styling I mean styling that is added in the topics themselves instead of in your css. This was created in an older version of Robohelp – pre Robohelp 8. ” One thing I would like to add, I am using a style sheet that was created in the past by the first tech writer for our company. I am fairly new to Robohelp, so I am not entirely sure of the procedure to “Try to remove the rh-list styles and the x- styling from your CSS” Try to remove the rh-list styles and the x- styling from your CSS” I would expect the ePub to ignore the invalid styles. With invalid commands I mean invalid in CSS but used by RoboHelp. Regarding: “The style sheet contains some invalid commands that might be a problem. Is it as simple as re-creating these styles? Later on, you do suggest removing some styles that could be at issue. As you can see in this example, the Header 1 and Normal styles are being ignored.ĪS for your question: “Do any of your topics have inline styling that might prevent the styling from the CSS to be used?” I am not entirely sure what this means. The second image will be the output that we see in Adobe’s Digital Editions ePub reader”.Ī second issue here is that the table is a bit of a mess, though I can tangle with that later.įrom what I can see, it seems that all styles are missed. The first screen shot is the print preview window in Robohelp 9.0.0.228. I edited the css file and made sure the tags are lower case, but this did not make any difference.Īny suggestions for what may be happening here? My best guess is there is an issue with the CSS file. In another post, it was noted to ensure that the tags are lower case. ![]() So, I have published using the ePub format, but I have noticed the existing styles are ignored. By using :first-child and :last-child selectors we can apply the styles to the correct cells.We are developing content for Android Tablets and have learned the customary format that we used is, well, unusable.Ī few posts suggest that ePub is really the only way to go with Android Tablet Help. ![]() The elements at the corners must have a border radius all element on the edges must have a border. In the code snippet above we apply the necessary border styles to the relevant th and td table cell elements. But there are a couple of alternative ways of how we can add some space around those elements. First things first: there is no magic way of making margin work on these elements other than by changing the display property (which you usually don’t want to change because you lose all table-related formatting). Naive as I am, I first tried to apply margin-top to the elements.īut unfortunately, if you try to apply margin on, or, you will find that it has no effect. Using margin on table elementsĪs you can see in the screenshot at the beginning of this article, there is some space between the main header and the first section and also between the individual sections. Inside the element we have our main header and beneath it several elements that represent separate sections of our table, each of which has its own sub header. Above you see the HTML structure of the table.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |