You must keep in mind that the MOBI format itself does not support any form of Styles/CSS. Anytime you feed a MOBI format creator a file it must convert any styles to inline tag attributes. As a result, any discussion of such conversions needs to include a mention of the creator tool complete with version number.
Also, the Kindle Publishing Guidelines state that Tables should never be used for layout formatting. The use of Tables for such formatting should only be done in private documents and never for any that you intend to distribute to others.
According to the various references I have, what you are trying to do should work. Your problem probably lies in your creator app's conversion of the Styles into tag attributes.
One possible failure could involve the Tag specific Styles that have identical names. The creator could be failing to handle the p.traffic and img.traffic as different when replacing the class="traffic" entries with native Tag attributes. You could try renaming one of them.
You could also try replacing the class="traffic" in the <img> Tag with align="middle" or align="absmiddle", as these are the actual attributes that creator is attempting to create from your Styles.
Last edited by dwig; 06-25-2011 at 10:43 AM.
Reason: #&@* typos
|