In article <[EMAIL PROTECTED]>, Daniel Glazman 
<[EMAIL PROTECTED]> wrote:

> I have added yesterday evening to www.mozilla.org a new document [1]
> about basic CSS support in Composer. It describes a proposal in four 
> steps. All comments, suggestions and even flames welcome.
> 
> Followup is in newsgroup netscape.public.mozilla.editor only.
> 
> [1] http://www.mozilla.org/editor/adding-css-to-editor.html

(This post is all about the Web page authoring tool, not the mail 
editor.)

The design outlined in that document downplays these important features 
of HTML+CSS:
1) Reusing external <link>ed style sheets
2) Applying structure to text and then applying style to structure (as 
opposed to using <span style="..."> tags.)

I think using <link>ed styles should be the primary way with embedded 
<style> as a secondary option. Instead of being able to apply style a 
particular selection resulting in non-structural documents with lots of 
<span>s, I'd like to see a real style-for-the-structure editor to 
accompany a real structure-for-the-text editor.

Something like this:

V Block Styles

   Base Body Styles <body>
  > Margins and Borders
  > Background properties
  V Text properites
       Font Family     [Reader's preferred font                |V]
       Font Style      [Normal                                 |V]
       Font Weight     [Normal                                 |V]
       Text Decoration [None                                   |V]
       Font Size       [   ][Reader's preferred size           |V]
       Text Align      [Left   |V]
       Text Indent     [  0][em|V]  

  Normal Paragraph <p>
  > Margins and Borders
  > Background properties
  V Text properites
       Font Family     [Inherit (Reader's preferred font)      |V]
       Font Style      [Inherit (Normal)                       |V]
       Font Weight     [Inherit (Normal)                       |V]
       Text Decoration [Inherit (None)                         |V]
       Font Size       [   ][Inherit (Reader's preferred size) |V]
       Text Align      [Inherit (Left)  |V]
       Text Indent     [  1][em|V]
             
  First Level Heading <h1>
  V Margins and Borders
       Margins
          Top     [  1][em|V]
          Bottom  [0.4][em|V]
          Left    [  0][em|V]
          Right   [  0][em|V]
       Padding
          Top     [  1][px|V]
          Bottom  [  1][px|V]
          Left    [  1][px|V]
          Right   [  1][px|V]
       Border
          Color   [#FF0000] (Choose...)
          Style   [None |V]
          Top     [  1][px|V]
          Bottom  [  1][px|V]
          Left    [  1][px|V]
          Right   [  1][px|V]
  V Background properties
       Color  [None (transparent) |V]
       Image  [None            ] (Choose...)
       Repeat
       Attachment
  V Text properites
       Font Family     [Reader's preferred sans-serif          |V]
       Font Style      [Inherit (Normal)                       |V]
       Font Weight     [Bold                                   |V]
       Text Decoration [Inherit (None)                         |V]
       Font Size       [200][% of the body font size           |V]
       Text Align      [Inherit (Left)  |V]
       Text Indent     [  0][em|V]

  Custom class [warning]
  > Margins and Borders
  > Background properties
  > Text properites

  ...

> Inline Styles

> Table styles

> Custom selectors

Note:
No physical units--just px, em and %

I believe editing structure-related styles explicitly in a separate 
window is actually easier than editing them with text selections. (Case 
study: MS Word)

-- 
Henri Sivonen
[EMAIL PROTECTED]
http://www.clinet.fi/~henris/

Reply via email to