Thought I'd also give some interesting info I found:

http://css-discuss.incutio.com/?page=TableDesign
However, CSS has its own kind of tables: [display types] 
<http://www.google.com/url?sa=D&q=http%3A%2F%2Fwww.w3.org%2FTR%2FREC-CSS2%2Fvisuren.html%23propdef-display>
 
that exist specifically in order to make table-based layouts without 
using HTML table elements.

&

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display


      9.2.5 The 'display'
      <http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display> property

'display'
    Value:      inline | block | list-item | run-in | compact | marker |
    table | inline-table | table-row-group | table-header-group |
    table-footer-group | table-row | table-column-group | table-column |
    table-cell | table-caption | none | inherit
    <http://www.w3.org/TR/REC-CSS2/cascade.html#value-def-inherit>
    Initial:    inline
    Applies to:     all elements
    Inherited:      no
    Percentages:    N/A
    Media:      all
    <http://www.w3.org/TR/REC-CSS2/media.html#all-media-group>

The values of this property have the following meanings:

block
    This value causes an element to generate a principal block box. 
inline
    This value causes an element to generate one or more inline boxes. 
list-item
    This value causes an element (e.g., LI in HTML) to generate a
    principal block box and a list-item inline box. For information
    about lists and examples of list formatting, please consult the
    section on lists <http://www.w3.org/TR/REC-CSS2/generate.html#lists>. 
marker
    This value declares generated content
    <http://www.w3.org/TR/REC-CSS2/generate.html> before or after a box
    to be a marker. This value should only be used with :before and
    :after pseudo-elements
    <http://www.w3.org/TR/REC-CSS2/generate.html#before-after-content>
    attached to block-level elements. In other cases, this value is
    interpreted as 'inline'. Please consult the section on markers
    <http://www.w3.org/TR/REC-CSS2/generate.html#markers> for more
    information. 
none
    This value causes an element to generate no boxes in the formatting
    structure
    <http://www.w3.org/TR/REC-CSS2/intro.html#formatting-structure>
    (i.e., the element has no effect on layout). Descendant elements do
    not generate any boxes either; this behavior cannot be overridden by
    setting the 'display'
    <http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display>
    property on the descendants.

    Please note that a display of 'none' does not create an invisible
    box; it creates no box at all. CSS includes mechanisms that enable
    an element to generate boxes in the formatting structure that affect
    formatting but are not visible themselves. Please consult the
    section on visibility
    <http://www.w3.org/TR/REC-CSS2/visufx.html#visibility> for details.

run-in and compact
    These values create either block or inline boxes, depending on
    context. Properties apply to run-in and compact boxes based on their
    final status (inline-level or block-level). For example, the
    'white-space'
    <http://www.w3.org/TR/REC-CSS2/text.html#propdef-white-space>
    property only applies if the box becomes a block box. 
table, inline-table, table-row-group, table-column 
<http://www.w3.org/TR/REC-CSS2/tables.html#value-def-table-column>, 
table-column-group, table-header-group, table-footer-group, table-row, 
table-cell, and table-caption
    These values cause an element to behave like a table element
    (subject to restrictions described in the chapter on tables
    <http://www.w3.org/TR/REC-CSS2/tables.html>). 

Note that although the initial value 
<http://www.w3.org/TR/REC-CSS2/cascade.html#initial-value> of 'display' 
<http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display> is 
'inline', rules in the user agent's default style sheet 
<http://www.w3.org/TR/REC-CSS2/cascade.html#default-style-sheet> may 
override <http://www.w3.org/TR/REC-CSS2/cascade.html> this value. See 
the sample style sheet <http://www.w3.org/TR/REC-CSS2/sample.html> for 
HTML 4.0 in the appendix.

Example(s):

Here are some examples of the 'display' 
<http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display> property:

P   { display: block }
EM  { display: inline }
LI  { display: list-item } 
IMG { display: none }      /* Don't display images */



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to