MobileRead Forums - View Single Post

EaglePt · 10-01-2010, 03:17 PM

For instance
---css ---
span {margin:0} /* watch out for strange interpetations */
.italics_fs { font-style: italic } /* This works */

---html----
<p>This is a test <span class="itatics_fs">to see what</span> happens.</p>

is mobi-equivalent to

<p>This is a test <i>to see what</i><br /> happens.</p>

-----------------
And defining

h1 {
font-size: 2.25em;
margin: 1.12em 0;
}

Does effect the font-size and margin for

<h1>This is a test</h1>

Also multiple class names for a element don't seem to be supported

I just don't know what the crazy rules are...

Your mobi dev doc (http://www.mobipocket.com/dev/articl...TagRef_OEB.htm) is not 100% accurate.

For instance, its says <div class="quoted-material">...</div>
is not supported -- but IT WORKS on my Kindle 2.

I'm a newbie here -- is there a pointer to the html/css quirks experiential lore?

10-01-2010, 03:17 PM	#3
EaglePt Junior Member Posts: 4 Karma: 10 Join Date: Sep 2010 Device: kindle	but mobipocket creator DOES interpret some CSS For instance ---css --- span {margin:0} /* watch out for strange interpetations / .italics_fs { font-style: italic } / This works */ ---html---- <p>This is a test <span class="itatics_fs">to see what</span> happens.</p> is mobi-equivalent to <p>This is a test <i>to see what</i><br /> happens.</p> ----------------- And defining h1 { font-size: 2.25em; margin: 1.12em 0; } Does effect the font-size and margin for <h1>This is a test</h1> Also multiple class names for a element don't seem to be supported I just don't know what the crazy rules are... Your mobi dev doc (http://www.mobipocket.com/dev/articl...TagRef_OEB.htm) is not 100% accurate. For instance, its says <div class="quoted-material">...</div> is not supported -- but IT WORKS on my Kindle 2. I'm a newbie here -- is there a pointer to the html/css quirks experiential lore?