HTML for KMail [Re: khtml and table widths]

[Ladislav Strojil]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

On Thursday 18 July 2002 13:41, Vadim Plessky wrote:
> On Thursday 18 July 2002 2:53 pm, Martijn Klingens wrote:
> |  On Thursday 18 July 2002 12:51, Vadim Plessky wrote:
> |  > On Thursday 18 July 2002 1:53 pm, Martijn Klingens wrote:
> |  > |  On Thursday 18 July 2002 11:53, Vadim Plessky wrote:
> |  > |  > KMail uses tables for headers?!.
> |  > |  > Than KMail needs to be fixed!
> |  > |  > KHTML has very good CSS2 support, one DIV with border and padding
> |  > |  > would be enough for *fancy* header!...
> |  > |
> |  > |  I see two columns and four rows. How would you properly align that
> |  > | with divs and spans?
> |  >
> |  > Can you provide HTML you want to re-format?
> |
> |  Not sure if this is what KMail uses, but I guess it is:
> |
> |  <table>
> |  <tr>
> |    <td>From:</td>
> |    <td>My name and email address</td>
> |  </tr>
> |  <tr>
> |    <td>To:</td>
> |    <td>Your name and email address</td>
> |  </tr>
> |  <tr>
> |    <td>Date:</td>
> |    <td>Some date</td>
> |  </tr>
> |  </table>
>
> Can you please confirm that you expect behavior (rendering) like in
> corrected example (attached)
> In you variant, table was taking only 30% of the screen (not 100%)
> Alternatively, send me fully-formatted, 'tabled' HTML from KMail
> (can someone from KMail developers tell us what's real HTML for KMail's
> fancy message headers?)

This is HTML used. Note that the styles do not really use anything like 
"width: XX%" except for 100%.

Anyway, KMail fancy headers are displayed OK now.

Cheers,
Lada

- --------

<div class="fancyHeaderSubj" dir="ltr">
	<b>HTML for KMail [Re: khtml and table widths]</b>
</div>
<div class="fancyHeaderDtls">
	<table class="fancyHeaderDtls">
		<tr>
			<th class="fancyHeaderDtls">Od:</th>
			<td class="fancyHeaderDtls"><a href='mailto:Vadim Plessky 		
<lucy-ples at mtu-net.ru>'>Vadim Plessky 
<lucy-ples at mtu-net.ru></a></td>
		</tr>
		<tr>
			<th class="fancyHeaderDtls">Komu: </th>
			<td class="fancyHeaderDtls"><a 
href='mailto:kfm-devel at kde.org'>kfm-devel at kde.org</a></td>
		</tr>
		<tr>
			<th class="fancyHeaderDtls">Kopie: </th>
			<td class="fancyHeaderDtls"><a 
href='mailto:kmail at kde.org'>kmail at kde.org</a></td>
		</tr>
		<tr>
			<th class="fancyHeaderDtls">Datum: </th>
			<td dir="ltr" class="fancyHeaderDtls">Dnes 13:41:41</td>
		</tr>
	</table>
</div>

And these are the styles:

div.fancyHeaderSubj { background-color: #800000; color: #ffffff; padding: 4px; 
border: solid #000000 1px; }

div.fancyHeaderSubj a[href] { color: #ffffff; }div.fancyHeaderSubj 
a[href]:hover { text-decoration: underline; }

div.fancyHeaderDtls { background-color: #d6cdbb; 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%; }

- --
    ~       Ladislav Strojil, MFF UK
  ' v '
 //   \\
/(     )\    Powered by Penguin.
  ^ ' ^
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.0.7 (GNU/Linux)

iD8DBQE9NrCxTnMZPFqq4nwRAnogAJ47hUhmevnnVC2IuBn76Nqle6DFswCg30cb
Rvt6hWm4pLvk5+oV+OLHGr0=
=bV93
-----END PGP SIGNATURE-----