Quote:
Originally Posted by Psymon
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.
|
In the case of your example, you need to make what you said, that is, set the font-size at 100% for both selectors. In others cases will vary according to the properties used. As a general rule, to turn "off" a class for KDX, you'll have to set the property values to the "default" values (that is, values that are applied to a tag when that tag doesn't have any selector in the stylesheet).
Quote:
|
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.
|
Well, if the property it can't be applied to KDX (because KDX doesn't support it) then the property is ignored by the Kindle compiler. In that case, is like that you have never written it. In all others cases, you should proceed as I said above.
Quote:
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.
|
KDX doesn't support the property "float"; and there you must indicate the image width in PIXELS (width: 100% means 100% of the screen width) and the text aligned to the baseline is the better you can have in KDX.
Quote:
|
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. :/
|
You can have a raised letter as a dropcap, but I like the idea of using raised images as dropcap. If you calibrate well the dropcap width (with a proper image), it could look very well in KDX.
Quote:
Thanks so much, to Rubén or anyone else that can help! 
|
You are welcome
Regards