HTML for KMail [Re: khtml and table widths]

Thu Jul 18 14:29:44 BST 2002

On Thursday 18 July 2002 4:17 pm, Vadim Plessky wrote:
|  On Thursday 18 July 2002 3:52 pm, Martijn Klingens wrote:
|  |  On Thursday 18 July 2002 13:41, Vadim Plessky wrote:
|  |  > 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%)
|  |
|  |  Sure, that's layouting, that's not important at all if you want to
|  | convert the *structure* of the code! :-)
|
|  ok, please see attached example.
|  Renders identically in my Konq 3.0.2 and Mozilla 1.0

It seems my HTML example hasn't impressed you.
ok, please take XML than!
Ladislav: thanks for original KMail's HTML/CSS, I used some of those 
definitions in example below.

--------------------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<Test>
<style id="internalStyle">
  #internalStyle { display: none }
  Test { display: block }
  P { display: block }
  Info { display: none;
	font-name: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: navy; margin-bottom: 2em; }
 left { display: block; width: 4em; float: left;
  font-weight: bold }
 MailHeader { display: block; width: 100%; margin: 0.5em }

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

  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; }

</style>
<Info>Simple XML demo - KMail header</Info>

<MailHeader>
<fancyHeaderSubj>
        HTML for KMail [Re: khtml and table widths]
</fancyHeaderSubj>

<fancyHeaderDtls>
<from>
  <left>From:</left>
  My name and email address
</from>

<to>
  <left>To:</left>
  Your name and email address
</to>

<date>
 <left>Date:</left>
  Some date
</date>

</fancyHeaderDtls>
</MailHeader>

</Test>
--------------------------------------------------

Ah, I enjoy XML :-)

Now I would like to speak about ACCESSIBILITY.
My code above is much more accessible than original HTML (from KMail)
You (or me) can easily add aureal rendering, so blind people can enjoy KMail 
as well.
Are there any visual-impaired people around?  Can you confirm this?

For details on Accessibility, see WAI (Web Accessibility Initiative), at 
www.w3c.org

|
|  Code inline:
|  <html>
|  <head><title> html for KMail - only DIVs! </title>
|  <style type="text/css">
|    #header { border: 1px solid navy; width: 100% }
|    .left { width: 4em; float: left;  }
|  </style>
|  <body>
|  <div id="header">
|
|  <div id="from">
|    <div class="left">From:</div>
|    My name and email address
|  </div>
|
|  <div id="to">
|    <div class="left">To:</div>
|    Your name and email address
|  </div>
|
|  <div id="date">
|   <div class="left">Date:</div>
|    Some date
|  </div>
|
|  </div>
|  </body>
|  </html>
|
|  Note that is' almost pure XML.
|  Just replace
|  <div id="from">
|    <div class="left">From:</div>
|    My name and email address
|  </div>
|  with
|  <from>
|    <deco>From:<deco>
|    My name and email address
|  </from>
|  and you are at XML land.  :-)
|  Any specific reaosn why KMail uses HTML, not XML, for layout?...
|

-- 

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/
-------------- next part --------------
A non-text attachment was scrubbed...
Name: KMail-fancy-headers.xml
Type: text/xml
Size: 1190 bytes
Desc: not available
URL: <https://mail.kde.org/mailman/private/kfm-devel/attachments/20020718/4c9b3517/attachment.xml>