HTML for KMail [Re: khtml and table widths]
Zack Rusin
zack at kde.org
Thu Jul 18 19:50:34 BST 2002
On Thursday 18 July 2002 07:41, Vadim Plessky wrote:
> (can someone from KMail developers tell us what's real HTML for
> KMail's fancy message headers?)
Sorry, haven't been following this thread, the exact header form we use
follows:
"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title></title>
<style type="text/css">body { font-family: "Arial"; font-size: 14px;
color: #000000; background-color: #ffffff; }
a { color: #0000c0; text-decoration: none; }table.encr { width: 100%;
background-color: #0066cc; border-width: 0px; }
tr.encrH { background-color: #0080ff; font-weight: bold; }
tr.encrB { background-color: #e0f0ff; }
table.rfc822 { width: 100%; border-top-style: solid; border-top-width:
1px; border-top-color: black; border-left-style: solid;
border-left-width: 1px; border-left-color: black; border-bottom-style:
solid; border-bottom-width: 1px; border-bottom-color: black;
border-right-style: hidden; border-right-width: 0px; padding: 2px; }
tr.rfc822H { font-weight: bold; }
tr.rfc822B { font-weight: normal; }
table.signOkKeyOk { width: 100%; background-color: #33cc33;
border-width: 0px; }
tr.signOkKeyOkH { background-color: #40ff40; font-weight: bold; }
tr.signOkKeyOkB { background-color: #e8ffe8; }
table.signOkKeyBad { width: 100%; background-color: #80cc33;
border-width: 0px; }
tr.signOkKeyBadH { background-color: #a0ff40; font-weight: bold; }
tr.signOkKeyBadB { background-color: #f4ffe8; }
table.signWarn { width: 100%; background-color: #cccc33; border-width:
0px; }
tr.signWarnH { background-color: #ffff40; font-weight: bold; }
tr.signWarnB { background-color: #ffffe8; }
table.signErr { width: 100%; background-color: #cc0000; border-width:
0px; }
tr.signErrH { background-color: #ff0000; font-weight: bold; }
tr.signErrB { background-color: #ffe0e0; }
div.fancyHeaderSubj { background-color: #a9d1ff; color: #030303;
padding: 4px; border: solid #000000 1px; }
div.fancyHeaderSubj a[href] { color: #030303; }div.fancyHeaderSubj
a[href]:hover { text-decoration: underline; }
div.fancyHeaderDtls { background-color: #eae9e8; color: #000000;
border-bottom: solid #000000 1px; border-left: solid #000000 1px;
border-right: solid #000000 1px; margin-bottom: 1em; padding: 2px; }
table.fancyHeaderDtls { width: 100%; border-width: 0px; align: left }
th.fancyHeaderDtls { padding: 0px; border-spacing: 0px; text-align:
left; vertical-align: top; }
td.fancyHeaderDtls { padding: 0px; border-spacing: 0px; text-align:
left; text-valign: top; width: 100%; }
</style></head><body >
<div id="header"><div dir="ltr"><div class="fancyHeaderSubj"
dir="ltr"><b>SOME SUBJECT</b></div><div
class="fancyHeaderDtls"><table class="fancyHeaderDtls"><tr><th
class="fancyHeaderDtls">From: </th><td class="fancyHeaderDtls"><a
href='mailto:from_someone at somewhere'>from_someone at somewhere</a></td></tr><tr><th
class="fancyHeaderDtls">To: </th><td class="fancyHeaderDtls"><a
href='mailto:you at youremail'>you at youremail</a></td></tr><tr><th
class="fancyHeaderDtls">Date: </th><td dir="ltr"
class="fancyHeaderDtls">Some Date and
Time</td></tr></table></div></div></div><div><br></div>
</body></html>"
So as you can see the assupmtion that we use tables was incorrect. And
if you don't like what we do right now, then hold you horses, because
after 3.1 we're going to be extracting fancy headers to make them
custom.
Zack Rusin
--
I intend to live forever, so far so good.
More information about the kfm-devel
mailing list