ADE css

odedta · 08-29-2014, 03:28 AM

People here always say that ADE is problematic when it comes to CSS rules. If the CSS is not accepted by ADE it will not be loaded at all.
How about inline CSS rules? What happens if ADE sees a CSS rule inline in the html file that it doesn't like? Will the style simply not apply or the object won' t even show...?

Toxaris · 08-29-2014, 05:39 AM

Try it out...

theducks · 08-29-2014, 12:30 PM

Quote:

Originally Posted by Toxaris

Try it out...

I always wonder why more folk don't?
It is not like 'this will destroy your ..." AFAIK there are zero reports of (ADE/MRSDK) readers going up in flames over a bad CSS entry

odedta · 08-29-2014, 09:10 PM

The reasons I did not try is because i am travelling now, so sometimes you can spend days on the road... Also, if someone already has the answer there is no point in doing that myself. Last thing, this question is not only for me, but to help other people also

JSWolf · 08-29-2014, 10:14 PM

Thing is, why even try it? It's a waste of time. CSS code should be in the CSS and not in the XML.

Toxaris · 08-30-2014, 01:30 AM

Quote:

Originally Posted by JSWolf

Thing is, why even try it? It's a waste of time. CSS code should be in the CSS and not in the XML.

If I have a special page with some very specific styling needs, I can imagine using an internal stylesheet instead of an external one. The external one would not have an added benefit in that case. Cover pages often have an internal stylesheet.

mrmikel · 08-30-2014, 06:59 AM

Internal would keep you from having to undo so much in such a special case.

JSWolf · 08-31-2014, 10:51 PM

Quote:

Originally Posted by mrmikel

Internal would keep you from having to undo so much in such a special case.

But there is the option of another stylesheet other then the main one.

mrmikel · 09-01-2014, 10:23 AM

For one off, I can't see how it makes any difference. If you are doing the same thing more than once, then you are just being wasteful to repeat it and also running the risk of the files getting out of sync.

I can see an advantage to internal in the case of someone reusing the same title page over and over and just changing the title itself. You load it in and change the title itself and you are good to go, all in one file and no linking either. I might well do something like that if i had to make ebooks for a living. (which I don't, Thank God!)

Tex2002ans · 09-01-2014, 02:08 PM

Quote:

Originally Posted by mrmikel

For one off, I can't see how it makes any difference. If you are doing the same thing more than once, then you are just being wasteful to repeat it and also running the risk of the files getting out of sync.

Cover, Title Page, Copyright Page, Dedication, ..., all of that "useless" front matter. Sometimes it is just easier to have a nice pre-built template, and you can just plop the HTML file into a given book and not be reliant on other external CSS.

In many cases, these look and are treated differently from the main text anyway.

dgatwood · 09-04-2014, 03:29 AM

Quote:

Originally Posted by odedta

People here always say that ADE is problematic when it comes to CSS rules. If the CSS is not accepted by ADE it will not be loaded at all.
How about inline CSS rules? What happens if ADE sees a CSS rule inline in the html file that it doesn't like? Will the style simply not apply or the object won' t even show...?

I'm pretty sure it will just throw away the style declaration for that element. Of course, if that causes the element to have "visibility: none", then....

There's an easy way to find out.

PHP Code:


			
<html>
    <head>
        <style type="text/css">
            .evil {
                display: none;
            }
        </style>
    </head>
    <body>
        <p class="evil" style="display: block !important; filter:alpha(opacity=100);">Is this visible?</p>
    </body>
</html>

Incidentally, if memory serves, I've found it occasionally necessary to work around bugs in readers' handling of CSS by adding inline styles in SVG content. YMMV.

odedta · 09-04-2014, 06:30 AM

I see, thanks!

mrmikel · 09-04-2014, 11:44 AM

It is important to note that in some devices, hidden is hidden alright, but the space it occupies is still counted by the device's epub renderer and can shove text where you don't want it.

Important to check this case in the devices you want to create for.

odedta · 09-04-2014, 12:04 PM

even as display:none? I thought that happens only when you use the visibility:hidden rule.

Jellby · 09-04-2014, 12:14 PM

Quote:

Originally Posted by odedta

even as display:none? I thought that happens only when you use the visibility:hidden rule.

And that's actually the point of "visibility:hidden", that's what it should do. "display:hidden" is simply a mistake.

08-29-2014, 03:28 AM	#1
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	ADE css People here always say that ADE is problematic when it comes to CSS rules. If the CSS is not accepted by ADE it will not be loaded at all. How about inline CSS rules? What happens if ADE sees a CSS rule inline in the html file that it doesn't like? Will the style simply not apply or the object won' t even show...?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Conditional CSS for ADE readers	democrite	ePub	4	09-23-2013 09:10 PM
ADE breaks CSS --> CSS Validation: Parse Error / Value Error	dasboeh	ePub	4	12-10-2012 03:25 AM
CSS troubles in ADE	xmlgirl	ePub	7	03-26-2012 12:50 PM
ADE mit userstyle css	mtravellerh	PocketBook	0	05-21-2010 03:40 PM
epub, ADE and CSS puzzle	pdurrant	ePub	3	09-03-2009 01:07 PM

08-29-2014, 05:39 AM	#2
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Try it out...

08-29-2014, 09:10 PM	#4
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	The reasons I did not try is because i am travelling now, so sometimes you can spend days on the road... Also, if someone already has the answer there is no point in doing that myself. Last thing, this question is not only for me, but to help other people also

08-29-2014, 10:14 PM	#5
JSWolf Resident Curmudgeon Posts: 73,976 Karma: 128903378 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Thing is, why even try it? It's a waste of time. CSS code should be in the CSS and not in the XML.

08-30-2014, 06:59 AM	#7
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	Internal would keep you from having to undo so much in such a special case.

09-01-2014, 10:23 AM	#9
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	For one off, I can't see how it makes any difference. If you are doing the same thing more than once, then you are just being wasteful to repeat it and also running the risk of the files getting out of sync. I can see an advantage to internal in the case of someone reusing the same title page over and over and just changing the title itself. You load it in and change the title itself and you are good to go, all in one file and no linking either. I might well do something like that if i had to make ebooks for a living. (which I don't, Thank God!)

09-04-2014, 06:30 AM	#12
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	I see, thanks!

09-04-2014, 11:44 AM	#13
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	It is important to note that in some devices, hidden is hidden alright, but the space it occupies is still counted by the device's epub renderer and can shove text where you don't want it. Important to check this case in the devices you want to create for.

09-04-2014, 12:04 PM	#14
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	even as display:none? I thought that happens only when you use the visibility:hidden rule.

Advert

Advert