overflow: (Re: HTML for KMail ...)

Fri Jul 19 14:22:18 BST 2002

On Friday 19 July 2002 12:22 am, Jos van den Oever wrote:
|  On Thursday 18 July 2002 16:44, Martijn Klingens wrote:
|  > On Thursday 18 July 2002 16:29, Vadim Plessky wrote:
|  > > ok, you have got me :-)
|  >
|  > phew ;-)
|
|  Hello Vadim and Martijn,
|

Hi Jos!

Thanks for a nice code.
I still prefer my variant (no tables, I treat CSS2 'table', 'table-cell', 
'table-row' as tables , it's part of CSS2-Tables specification, not defined 
in CSS1), but your variant is really a compromise between my code and 
Martijn's.

So, would it be incorporated into KMail's CSS for heders?
Or there is a chance to use pure XML?..

|  Allow me to interrupt/rekindle your nice discussion.
|  With respect to the width="100%" property for table cells, the css2
|
|  specification is clear:
|  > The width of the table is then the greater of the value of the 'width'
|  > property for the table element and the sum of the column widths (plus
|  > cell spacing or borders). If the table is wider than the columns, the
|  > extra space should be distributed over the columns.
|
|  So a cell with width="100%" should have 100% of the available width in
| it's parent, the row. So the code in KMail should give a table wider than
| the viewport.
|
|  While css does not have the great flexibility of QSizePolicy, it is
| possible to obtain the obtain the desired effect with css. I've done this
| in two ways, one that will agree with Martijn and one that Vadim will like.
| I think the XML way is nicest, since it does not need the <table> tag, it
| is implied by rule 3 for anymous table objects. Just look at the code and
| the specs and you will know what I mean.
|
|  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
| "DTD/xhtml1-strict. dtd">
|  <html>
|  <head>
|  <title>KMail headers</title>
|  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
|  <style type="text/css">
|   div.header {
|    border: 1px solid black;
|   }
|   div.subject {
|    font-weight: bold;
|    border-bottom: 1px solid black;
|    background-color: darkblue;
|    color: white;
|    padding: 5px;
|   }
|   th {
|    text-align: left;
|   }
|   div.tr {
|    display: table-row;
|   }
|   div.th {
|    display: table-cell;
|    font-weight: bold;
|    padding: 2px;
|   }
|   div.td {
|    display: table-cell;
|    padding: 2px;
|   }
|  </style>
|  </head>
|  <body>
|  <h1>The gospel according to Martijn</h1>
|  <div class="header">
|   <div class="subject">
|    Re: HTML for KMail [Re: khtml and table widths]
|   </div>
|  <table>
|   <tr>
|    <th>From:</th><td>Martijn Klingens <klingens at kde.org></td>
|   </tr>
|   <tr>
|    <th>To:</th><td>kfm-devel at kde.org</td>
|   </tr>
|   <tr>
|    <th>Date:</th><td>Thu, 18 Jul 2002 15:23:32 +0200</td>
|   </tr>
|  </table>
|  </div>
|  <h1>The gospel according to Vadim</h1>
|  <div class="header">
|   <div class="subject">
|    Re: HTML for KMail [Re: khtml and table widths]
|   </div>
|  <div class="table">
|   <div class="tr">
|    <div class="th">From:</div><div class="td">Vadim Plessky
|  <lucy-ples at mtu-net.ru></div>
|    </div>
|    <div class="tr">
|     <div class="th">To:</div><div class="td">kfm-devel at kde.org</div>
|    </div>
|    <div class="tr">
|     <div class="th">Date:</div><div class="td">Thu, 18 Jul 2002 15:23:32
|  +0200</ div>
|    </div>
|   </div>
|  </div>
|  </body>
|  </html>

Cheers,
-- 

Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/