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