Thank you so much, Rubén and Hitch! That does help alot -- although only a few minutes ago I edited my original post from earlier, after I realized that all I had to do was write out my mobi classes at the end of my original CSS file, work on them there, and then when I'm done just wrap those in "@media amzn-mobi".
Seriously, I'm so slow (dumb) sometimes -- and I do apologize for that. It's crazy, but I started doing web design almost two decades ago, and yet there's times when I feel like such a complete newbie at this. :/
Anyway, thank you for both your replies -- that does indeed help (and/or confirm) with what I was working on. I've just encountered a couple of other little problems, though, as I've been working on this...
One issue relates to some "fancy typography" that I did on my title page(s), which works/looks great in virtually all platforms that can handle my embedded font -- basically everything except KDX, of course. My code looks like this (essentially, but with different words and in a fancy font)...
<h1><span class="shrink">My</span> <span class="grow">T</span>itle <span class="shrink">Page</span></h1>
...and the relevant styles are...
.grow {
font-size: 138%;
}
.shrink {
font-size: 85%;
}
This ends up looking
great with my embedded font, but in KDX, without that font, it looks ridiculous.
How do I turn "off" a class for KDX? I don't want to just set the font size at 100%, because that doesn't necessarily always apply. I just want that class to be ignored. I've been searching all over the place with google trying to find an answer to that and can't seem to find one.
Also, one other KDX issue is with images that I'd used for dropcaps. Here's how I've been doing those dropcaps, which works great in everything except KDX...
<p><span class="dropcap drop1"><img alt="L" src="../Images/init-L.gif" /></span>orem ipsum dolor blah blah blah</p>
...and my related CSS...
span.dropcap { margin-top: 0.2em; margin-right:0.38em; }
span.dropcap img {width: 100% }
span.drop1 { float:left; width:6em; max-width: 23%}
In KDX everything blows up and falls apart! The image comes out HUGE, and the text is aligned to the baseline.
If there's another, better way for me to do my dropcap images that's totally different from what I've done here, I certainly don't mind -- I just want them to work okay in KDX, too. I'm just clueless as to how. :/
Thanks so much, to Rubén or anyone else that can help!
