Steve King
04-29-2004, 07:26 AM
(Using iSilo 4.05b3 on Sony Clie NX70 (PalmOS5) and iSiloX 4.05b3 on Win2k.)
I'm trying to convert a book which makes use of CSS, but some of the styles seem to by ignored by iSiloX. The best example is the book's typographic conventions page at http://svnbook.red-bean.com/svnbook/pr02s03.html.
1. The "constant width" text is drawn with a proportional font.
HTML:
<b class="command">Constant width</b>
Style:
.command, .screen, .programlisting
{
font-family: courier new,courier,fixed;
font-style: normal;
font-weight: normal;
}
2. The "constant width italic" text is drawn as proportional italic.
HTML:
<i class="replaceable"><tt>Constant width italic</tt></i>
Style:
TT,PRE
{
font-family: courier new,courier,fixed;
}
(No style given for the "replaceable" class.)
3. The "Note", "Tip", and "Warning" icons are missing.
HTML:
<div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
<h3 class="title">Note</h3>
<p>This icon designates a note relating to the surrounding text.</p>
</div>
Style:
.note
{
border: black solid 1px;
background: url(./images/note.png) no-repeat;
margin: 0.12in 0;
padding: 0 55px;
}
Screenshots taken from Mozilla Firefox 0.8 and iSilo 4.05b3 are attached.
I'm trying to convert a book which makes use of CSS, but some of the styles seem to by ignored by iSiloX. The best example is the book's typographic conventions page at http://svnbook.red-bean.com/svnbook/pr02s03.html.
1. The "constant width" text is drawn with a proportional font.
HTML:
<b class="command">Constant width</b>
Style:
.command, .screen, .programlisting
{
font-family: courier new,courier,fixed;
font-style: normal;
font-weight: normal;
}
2. The "constant width italic" text is drawn as proportional italic.
HTML:
<i class="replaceable"><tt>Constant width italic</tt></i>
Style:
TT,PRE
{
font-family: courier new,courier,fixed;
}
(No style given for the "replaceable" class.)
3. The "Note", "Tip", and "Warning" icons are missing.
HTML:
<div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
<h3 class="title">Note</h3>
<p>This icon designates a note relating to the surrounding text.</p>
</div>
Style:
.note
{
border: black solid 1px;
background: url(./images/note.png) no-repeat;
margin: 0.12in 0;
padding: 0 55px;
}
Screenshots taken from Mozilla Firefox 0.8 and iSilo 4.05b3 are attached.