Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > Kindle Formats

Notices

Reply
 
Thread Tools Search this Thread
Old 04-10-2012, 09:58 AM   #1
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
Kindle Fire woes... indent and media Queries

I thought that since I'm having an easy day nursing a nasty cold that I'd have a play with my poetry CSS.

But I'm noticing some REAL wierd stuff on the Kindle Fire in the Amazon previewer.

Here's some CSS for a simple three level indent from my stylesheet. I'll get to hanging indents later...

Code:
p.poetry1 {text-align:left !important; text-indent: 0em !important; margin-left: 3em !important;}
p.poetry2 {text-align:left !important; text-indent: 0em !important; margin-left: 4em !important;}
p.poetry3 {text-align:left !important; text-indent: 0em !important; margin-left: 5em !important;}

@media amzn-kf8{
p.nothing{text-align:left;}
p.poetry1 {text-align:left; margin-left: 3em; color:#f00;}
p.poetry2 {text-align:left; margin-left: 4em; color:#0f0;}
p.poetry3 {text-align:left; margin-left: 5em; color:#00f;}
}

@media amzn-mobi{
p.poetry1 {text-align:left !important; text-indent:-20px;}
p.poetry2 {text-align:left !important; text-indent:-40px;}
p.poetry3 {text-align:left !important; text-indent:-60px;}
}
Now, this works fine in ADE and on the Kindle. I've put some colours in to make sure that the media queries are working for Kindle Fire, yep, coloured text on the Fire.

Two WIERD problems:

1. My KF8 poetry1 style (well, the colour) is IGNORED unless I have a sacrificial style "nothing" at the start of the block - that CAN'T be right, I must be doing something badly wrong here.
2. I really can't get indents on the Kindle previewer for Kindle Fire to work. All three paragraphs come out with the same indent.



Any clues for my flu-addled brain?

Andy
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 10:20 AM   #2
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
ah... okay, looks like the

@media amzn-kf8{

line was throwing things and breaking the subsequent line...

(pass the lemsip)
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 10:41 AM   #3
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 9,531
Karma: 43837842
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
So it's working fine, now? I'm not sure I follow what was going wrong and/or what fixed it. Was there a space needed immediately following amzn-kf8 before the '{' or something?
DiapDealer is online now   Reply With Quote
Old 04-10-2012, 10:47 AM   #4
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
No, not working. SOMETHING wierd is happening, the first style in the block is still getting ignored. Even if I put the '{' on the next line.
Driving me crazy, because I can't see what I'm doing wrong here...
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 11:10 AM   #5
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 9,531
Karma: 43837842
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Your exact code works fine for me. Even when removing the "p.nothing{text-align:left;}" line, the colors and indents appear as expected when viewing with the Kindle Previewer in Fire mode.

The amzn-mobi part doesn't appear to be working correctly for me... or rather I should say the higher-priority default settings (text-indent and margin-left) seem to be conspiring with the less prioritized negative text-indents in the amzn-mobi section to make the three lines all indented equally as much... at what appears to be three ems.
DiapDealer is online now   Reply With Quote
Old 04-10-2012, 11:27 AM   #6
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
I've just tried swapping MobiGen for KindleGen in my toolchain and I'm now getting more promising results!
Not quite there yet, but at least thinge seem a little more under control.
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 01:16 PM   #7
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
Interesting...

It seems that if you do:

@media not amzn-mobi {
.poetry1 {text-align:left !important; text-indent: 0em !important; margin:0 0 0 3em; color: #ff0;}
.poetry2 {text-align:left !important; text-indent: 0em !important; margin:0 0 0 4em; color: #0ff;}
.poetry3 {text-align:left !important; text-indent: 0em !important; margin:0 0 0 5em; color: #f0f;}
}

On ADE, the first style is ignored, but on Calibre and iBooks all three styles work just fine... sigh.
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 02:15 PM   #8
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
... a good day for getting to the bottom of some old legacy problems. There was I thinking that -ve text-indents weren't supported in the new KindleGen, when I found a
Code:
text-indent:1em !important;
in my base paragraph style.
A hangover from when I put those in to get Stanza to stop over-riding nearly all the formatting.


... ahh, the world makes more sense now.
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 02:20 PM   #9
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 9,531
Karma: 43837842
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
ADE has no idea what those amzn media queries are. So I doubt it knows how to even interpret not amzn-mobi. But I can't say for sure.

That's why I use the @import method and use three completely separate CSS files: one for ePub, and one each for MOBI and KF8. That way, I just comment out or delete the amzn-* lines to publish the ePub or vice-versa for building the MOBI.
DiapDealer is online now   Reply With Quote
Old 04-10-2012, 02:25 PM   #10
Oxford-eBooks
Connoisseur
Oxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of lightOxford-eBooks is a glorious beacon of light
 
Posts: 86
Karma: 12096
Join Date: May 2010
Device: Loads!
Quote:
Originally Posted by DiapDealer View Post
ADE has no idea what those amzn media queries are. So I doubt it knows how to even interpret not amzn-mobi. But I can't say for sure.
I'd have thought that a SENSIBLE strategy would have been to ignore any media queries that aren't understood. So @media amzn-mobi or @media some-brand-new-device would just be ignored on ADE as they probably just wouldn't apply. Otherwise, how could it be future-proof?
Oxford-eBooks is offline   Reply With Quote
Old 04-10-2012, 02:34 PM   #11
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 9,531
Karma: 43837842
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Quote:
Originally Posted by Oxford-eBooks
I'd have thought that a SENSIBLE strategy would have been to ignore any media queries that aren't understood. So @media amzn-mobi or @media some-brand-new-device would just be ignored on ADE as they probably just wouldn't apply. Otherwise, how could it be future-proof?
You could very well be right. It may work exactly that way. I've never tested it myself. I just choose not to even expose ADE to anything it could conceivably stumble over. Hence my entirely separate CSS files method. My ePub css has no MOBI-building lingo in it.

Last edited by DiapDealer; 04-10-2012 at 03:44 PM.
DiapDealer is online now   Reply With Quote
Old 04-10-2012, 11:08 PM   #12
DaleDe
Grand Sorcerer
DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.
 
DaleDe's Avatar
 
Posts: 9,781
Karma: 5072196
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2
Quote:
Originally Posted by Oxford-eBooks View Post
I'd have thought that a SENSIBLE strategy would have been to ignore any media queries that aren't understood. So @media amzn-mobi or @media some-brand-new-device would just be ignored on ADE as they probably just wouldn't apply. Otherwise, how could it be future-proof?
It is a known problem with ADE. If you feed it a CSS that has bad statements or statements it does not understand it will ignore the whole file.

Dale
DaleDe is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Media Queries on Kindle Previewer AIR-WIZZ Kindle Developer's Corner 26 10-15-2012 11:10 AM
TWO OPF files or something like Media Queries in the OPF file for KF8 and MOBI? DHahn Kindle Formats 3 04-17-2012 05:06 AM
Kindle Fire:Both Wireless Mirroring And Native Streaming Media frahse News 24 10-01-2011 08:14 PM
Queries re Kindle mitch13 Amazon Kindle 7 07-01-2011 02:08 AM


All times are GMT -4. The time now is 09:11 PM.


MobileRead.com is a privately owned, operated and funded community.