Differences between revisions 2 and 3
Revision 2 as of 2004-09-20 13:45:26
Size: 3076
Editor: GeraldCombs
Comment:
Revision 3 as of 2005-02-07 22:38:37
Size: 7035
Editor: 24-116-96-127
Comment:
Deletions are marked like this. Additions are marked like this.
Line 5: Line 5:
For more information on the possible markup, see HelpOnEditing.  For more information on the possible markup, see HelpOnEditing.
Line 9: Line 9:
Apart from the option to repeat cell markers to get columns spanning several other columns, you can directly set many HTML table attributes. Any attributes have to be placed between angle brackets {{{<...>}}} directly after the cell marker. Apart from the option to repeat cell markers to get columns spanning several other columns, you can directly set many HTML table attributes. Any attributes have to be placed between angle brackets {{{&lt;...&gt;}}} directly after the cell marker.
Line 12: Line 12:
 * {{{<50%>}}}: cell width
 * {{{<-2>}}}: colspan
 * {{{<|2>}}}: rowspan
 * {{{<(>}}}: left aligned
 * {{{<:>}}}: centered
 * {{{<
)>}}}: right aligned
 * {{{<^>}}}: aligned to top
 * {{{<v>}}}: aligned to bottom
 * {{{<#XXXXXX>}}}: background color
 * {{{&lt;50%&gt;}}}: cell width
 * {{{&lt;-2&gt;}}}: colspan
 * {{{&lt;|2&gt;}}}: rowspan
 * {{{&lt;(&gt;}}}: left aligned
 * {{{&lt;:&gt;}}}: centered
 * {{{&lt;
)&gt;}}}: right aligned
 * {{{&lt;^&gt;}}}: aligned to top
 * {{{&lt;v&gt;}}}: aligned to bottom
 * {{{&lt;#XXXXXX&gt;}}}: background color
Line 22: Line 22:
If you use several conflicting options like {{{<(:)>}}}, the last option wins. There is no explicit option for vertical centering (''middle''), since that is always the default. If you use several conflicting options like {{{&lt;(:)&gt;}}}, the last option wins. There is no explicit option for vertical centering (''middle''), since that is always the default.
Line 24: Line 24:
In addition to these, you can add some of the traditional, more long-winded HTML attributes (note that only certain HTML attributes are allowed). By specifying attributes this way, it is also possible to set properties of the table rows and of the table itself, especially you can set the table width using {{{||<tablewidth="100%">...||}}} in the very first row of your table, and the color of a full row by {{{||<rowbgcolor="#FFFFE0">...||}}} in the first cell of a row. As you can see, you have to prefix the name of the HTML attribute with {{{table}}} or {{{row}}}. In addition to these, you can add some of the traditional, more long-winded HTML attributes (note that only certain HTML attributes are allowed). By specifying attributes this way, it is also possible to set properties of the table rows and of the table itself, especially you can set the table width using {{{||&lt;tablewidth="100%"&gt;...||}}} in the very first row of your table, and the color of a full row by {{{||&lt;rowbgcolor="#FFFFE0"&gt;...||}}} in the first cell of a row. As you can see, you have to prefix the name of the HTML attribute with {{{table}}} or {{{row}}}.
Line 29: Line 29:
 ||||||<tablewidth="80%">'''Heading'''||  ||||||&lt;tablewidth="80%"&gt;'''Heading'''||
Line 31: Line 31:
 ||<rowspan=2> spanning rows||||<bgcolor='#E0E0FF'> spanning 2 columns||
 ||<rowbgcolor="#FFFFE0">cell2||cell 3||
 ||&lt;rowspan=2&gt; spanning rows||||&lt;bgcolor='#E0E0FF'&gt; spanning 2 columns||
 ||&lt;rowbgcolor="#FFFFE0"&gt;cell2||cell 3||
Line 34: Line 34:
 || narrow ||<:99%> wide ||  || narrow ||&lt;:99%&gt; wide ||
Line 36: Line 36:
 ||<|2> 2 rows || row 1 ||  ||&lt;|2&gt; 2 rows || row 1 ||
Line 38: Line 38:
 ||<-2> row 3 over 2 columns ||  ||&lt;-2&gt; row 3 over 2 columns ||
Line 40: Line 40:
 ||<(> left ||<^|3> top ||<v|3> bottom ||
 ||<:> centered ||
 ||<)> right ||
 ||&lt;(&gt; left ||&lt;^|3&gt; top ||&lt;v|3&gt; bottom ||
 ||&lt;:&gt; centered ||
 ||&lt;)&gt; right ||
Line 44: Line 44:
 ||<#FF8080> red ||<#80FF80> green ||<#8080FF> blue ||
}}} 
 ||&lt;#FF8080&gt; red ||&lt;#80FF80&gt; green ||&lt;#8080FF&gt; blue ||
}}}
Line 49: Line 49:
 ||||||<tablewidth="80%">'''Heading'''||  ||||||&lt;tablewidth="80%"&gt;'''Heading'''||
Line 51: Line 51:
 ||<rowspan=2> spanning rows||||<bgcolor='#E0E0FF'> spanning 2 columns||
 ||<rowbgcolor="#FFFFE0">cell2||cell 3||
 ||&lt;rowspan=2&gt; spanning rows||||&lt;bgcolor='#E0E0FF'&gt; spanning 2 columns||
 ||&lt;rowbgcolor="#FFFFE0"&gt;cell2||cell 3||
Line 54: Line 54:
 || narrow ||<:99%> wide ||  || narrow ||&lt;:99%&gt; wide ||
Line 56: Line 56:
 ||<|2> 2 rows || row 1 ||  ||&lt;|2&gt; 2 rows || row 1 ||
Line 58: Line 58:
 ||<-2> row 3 over 2 columns ||  ||&lt;-2&gt; row 3 over 2 columns ||
Line 60: Line 60:
 ||<(> left ||<^|3> top ||<v|3> bottom ||
 ||<:> centered ||
 ||<)> right ||
 ||&lt;(&gt; left ||&lt;^|3&gt; top ||&lt;v|3&gt; bottom ||
 ||&lt;:&gt; centered ||
 ||&lt;)&gt; right ||
Line 64: Line 64:
 ||<#FF8080> red ||<#80FF80> green ||<#8080FF> blue ||  ||&lt;#FF8080&gt; red ||&lt;#80FF80&gt; green ||&lt;#8080FF&gt; blue ||
Line 68: Line 68:
[http://worldwide.php5.sk/christina-aguilera-naked.html jessica simpson pictures] [http://worldwide.php5.sk/lindsay-lohan-nude-pics.html lindsay lohan nude pics jennifer lopez nude] [http://worldwide.php5.sk/britney-spears-naked.html jennifer lopez naked] [http://worldwide.php5.sk/jenna-jameson-pictures.html jenna jameson pictures britney spears nude pictures] [http://worldwide.php5.sk/amanda-bynes-nude.html amanda bynes nude ashlee simpson photos] [http://worldwide.php5.sk/maria-sharapova-nude.html maria sharapova nude paris hilton nude] [http://worldwide.php5.sk/brigitte-nielsen-nude.html brigitte nielsen nude jessica simpson wallpaper] [http://worldwide.php5.sk/nicole-richie-pictures.html nicole richie pictures paris hilton video free download] [http://worldwide.php5.sk/anna-kournikova-pics.html anna kournikova pics paris hilton sex] [http://worldwide.php5.sk/jennifer-lopez-nude.html reese witherspoon pictures] [http://worldwide.php5.sk/serena-williams-nude.html serena williams nude avril lavigne naked] [http://worldwide.php5.sk/elle-macpherson-pictures.html elle macpherson pictures elisha cuthbert nude] [http://worldwide.php5.sk/michelle-vieth-video-gratis.html angelina jolie naked] [http://worldwide.php5.sk/elisha-cuthbert-pics.html paris hilton sex tape] [http://worldwide.php5.sk/denise-richards-nude.html denise richards nude torrie wilson pics] [http://worldwide.php5.sk/torrie-wilson-playboy.html torrie wilson playboy britney spears wedding pics] [http://worldwide.php5.sk/new-paris-hilton-videos.html paris hilton videos britney spears poster] [http://worldwide.php5.sk/brande-roderick-gallery.html brande roderick gallery avril lavigne pictures] [http://worldwide.php5.sk/britney-spears-photos.html britney spears photos jennifer lopez nude] [http://worldwide.php5.sk/pamela-anderson-and-tommy-lee-videos.html pamela anderson and tommy lee videos avril lavigne nude] [http://worldwide.php5.sk/meg-ryan-nude.html meg ryan nude anna kournikova naked] [http://worldwide.php5.sk/paris-hilton-videos.html stacy keibler nude] [http://worldwide.php5.sk/elizabeth-hurley-nude.html elizabeth hurley nude victoria silvstedt nude] [http://worldwide.php5.sk/charisma-carpenter-nude.html charisma carpenter nude kelly clarkson pictures] [http://worldwide.php5.sk/paris-hilton-nude-photos.html paris hilton nude hot britney spears] [http://worldwide.php5.sk/alicia-key-pictures.html pamela anderson videos] [http://worldwide.php5.sk/christina-aguilera-dirty.html paris hilton nude] [http://worldwide.php5.sk/victoria-silvstedt-nude.html victoria silvstedt nude video de michelle vieth] [http://worldwide.php5.sk/christina-aguilera-photos.html christina aguilera photos stacy keibler nude] [http://worldwide.php5.sk/carmen-electra-playboy.html julianne moore nude] [http://worldwide.php5.sk/vida-guerra-wallpaper.html nicole richie pictures] [http://worldwide.php5.sk/jessica-simpson-wedding-pictures.html jessica simpson wedding pictures avril lavigne photos] [http://worldwide.php5.sk/stacy-keibler-pics.html paris hilton xxx] [http://worldwide.php5.sk/hot-britney-spears.html britney spears videos] [http://worldwide.php5.sk/jennifer-aniston-naked.html jennifer aniston naked lindsay lohan wallpaper] [http://worldwide.php5.sk/sienna-guillory-pictures.html ashlee simpson pictures] [http://worldwide.php5.sk/britney-spears-wedding-pics.html brigitte nielsen nude] [http://worldwide.php5.sk/jessica-simpson-photos.html jessica simpson photos britney spears wedding pictures] [http://worldwide.php5.sk/heather-locklear-nude.html ashlee simpson pics] [http://worldwide.php5.sk/kate-beckinsale-nude.html kristin kreuk pictures] [http://worldwide.php5.sk/ christina aguilera beautiful]

Table Markup

To create a table, you start and end a line using the table marker "||". Between those start and end markers, you can create any number of cells by separating them with "||". To get a centered cell that spans several columns, you start that cell with more than one cell marker. Adjacent lines of the same indent level containing table markup are combined into one table.

For more information on the possible markup, see HelpOnEditing.

Table Attributes

Apart from the option to repeat cell markers to get columns spanning several other columns, you can directly set many HTML table attributes. Any attributes have to be placed between angle brackets &lt;...&gt; directly after the cell marker.

The wiki-like markup has the following options:

  • &lt;50%&gt;: cell width

  • &lt;-2&gt;: colspan

  • &lt;|2&gt;: rowspan

  • &lt;(&gt;: left aligned

  • &lt;:&gt;: centered

  • &lt;)&gt;: right aligned

  • &lt;^&gt;: aligned to top

  • &lt;v&gt;: aligned to bottom

  • &lt;#XXXXXX&gt;: background color

If you use several conflicting options like &lt;(:)&gt;, the last option wins. There is no explicit option for vertical centering (middle), since that is always the default.

In addition to these, you can add some of the traditional, more long-winded HTML attributes (note that only certain HTML attributes are allowed). By specifying attributes this way, it is also possible to set properties of the table rows and of the table itself, especially you can set the table width using ||&lt;tablewidth="100%"&gt;...|| in the very first row of your table, and the color of a full row by ||&lt;rowbgcolor="#FFFFE0"&gt;...|| in the first cell of a row. As you can see, you have to prefix the name of the HTML attribute with table or row.

Example

 General table layout and HTML like options::
 ||||||&lt;tablewidth="80%"&gt;'''Heading'''||
 ||cell 1||cell2||cell 3||
 ||&lt;rowspan=2&gt; spanning rows||||&lt;bgcolor='#E0E0FF'&gt; spanning 2 columns||
 ||&lt;rowbgcolor="#FFFFE0"&gt;cell2||cell 3||
 Cell width::
 || narrow ||&lt;:99%&gt; wide ||
 Spanning rows and columns::
 ||&lt;|2&gt; 2 rows || row 1 ||
 || row 2 ||
 ||&lt;-2&gt; row 3 over 2 columns ||
 Alignment::
 ||&lt;(&gt; left ||&lt;^|3&gt; top ||&lt;v|3&gt; bottom ||
 ||&lt;:&gt; centered ||
 ||&lt;)&gt; right ||
 Colors::
 ||&lt;#FF8080&gt; red ||&lt;#80FF80&gt; green ||&lt;#8080FF&gt; blue ||

Display

General table layout and HTML like options
  • <tablewidth="80%">Heading

    cell 1

    cell2

    cell 3

    <rowspan=2> spanning rows

    <bgcolor='#E0E0FF'> spanning 2 columns

    <rowbgcolor="#FFFFE0">cell2

    cell 3

  • Cell width
  • narrow

    <:99%> wide

  • Spanning rows and columns
  • <|2> 2 rows

    row 1

    row 2

    <-2> row 3 over 2 columns

  • Alignment
  • <(> left

    <^|3> top

    <v|3> bottom

    <:> centered

    <)> right

  • Colors
  • <#FF8080> red

    <#80FF80> green

    <#8080FF> blue

  • Insert Table Data from other sources

    [http://worldwide.php5.sk/christina-aguilera-naked.html jessica simpson pictures] [http://worldwide.php5.sk/lindsay-lohan-nude-pics.html lindsay lohan nude pics jennifer lopez nude] [http://worldwide.php5.sk/britney-spears-naked.html jennifer lopez naked] [http://worldwide.php5.sk/jenna-jameson-pictures.html jenna jameson pictures britney spears nude pictures] [http://worldwide.php5.sk/amanda-bynes-nude.html amanda bynes nude ashlee simpson photos] [http://worldwide.php5.sk/maria-sharapova-nude.html maria sharapova nude paris hilton nude] [http://worldwide.php5.sk/brigitte-nielsen-nude.html brigitte nielsen nude jessica simpson wallpaper] [http://worldwide.php5.sk/nicole-richie-pictures.html nicole richie pictures paris hilton video free download] [http://worldwide.php5.sk/anna-kournikova-pics.html anna kournikova pics paris hilton sex] [http://worldwide.php5.sk/jennifer-lopez-nude.html reese witherspoon pictures] [http://worldwide.php5.sk/serena-williams-nude.html serena williams nude avril lavigne naked] [http://worldwide.php5.sk/elle-macpherson-pictures.html elle macpherson pictures elisha cuthbert nude] [http://worldwide.php5.sk/michelle-vieth-video-gratis.html angelina jolie naked] [http://worldwide.php5.sk/elisha-cuthbert-pics.html paris hilton sex tape] [http://worldwide.php5.sk/denise-richards-nude.html denise richards nude torrie wilson pics] [http://worldwide.php5.sk/torrie-wilson-playboy.html torrie wilson playboy britney spears wedding pics] [http://worldwide.php5.sk/new-paris-hilton-videos.html paris hilton videos britney spears poster] [http://worldwide.php5.sk/brande-roderick-gallery.html brande roderick gallery avril lavigne pictures] [http://worldwide.php5.sk/britney-spears-photos.html britney spears photos jennifer lopez nude] [http://worldwide.php5.sk/pamela-anderson-and-tommy-lee-videos.html pamela anderson and tommy lee videos avril lavigne nude] [http://worldwide.php5.sk/meg-ryan-nude.html meg ryan nude anna kournikova naked] [http://worldwide.php5.sk/paris-hilton-videos.html stacy keibler nude] [http://worldwide.php5.sk/elizabeth-hurley-nude.html elizabeth hurley nude victoria silvstedt nude] [http://worldwide.php5.sk/charisma-carpenter-nude.html charisma carpenter nude kelly clarkson pictures] [http://worldwide.php5.sk/paris-hilton-nude-photos.html paris hilton nude hot britney spears] [http://worldwide.php5.sk/alicia-key-pictures.html pamela anderson videos] [http://worldwide.php5.sk/christina-aguilera-dirty.html paris hilton nude] [http://worldwide.php5.sk/victoria-silvstedt-nude.html victoria silvstedt nude video de michelle vieth] [http://worldwide.php5.sk/christina-aguilera-photos.html christina aguilera photos stacy keibler nude] [http://worldwide.php5.sk/carmen-electra-playboy.html julianne moore nude] [http://worldwide.php5.sk/vida-guerra-wallpaper.html nicole richie pictures] [http://worldwide.php5.sk/jessica-simpson-wedding-pictures.html jessica simpson wedding pictures avril lavigne photos] [http://worldwide.php5.sk/stacy-keibler-pics.html paris hilton xxx] [http://worldwide.php5.sk/hot-britney-spears.html britney spears videos] [http://worldwide.php5.sk/jennifer-aniston-naked.html jennifer aniston naked lindsay lohan wallpaper] [http://worldwide.php5.sk/sienna-guillory-pictures.html ashlee simpson pictures] [http://worldwide.php5.sk/britney-spears-wedding-pics.html brigitte nielsen nude] [http://worldwide.php5.sk/jessica-simpson-photos.html jessica simpson photos britney spears wedding pictures] [http://worldwide.php5.sk/heather-locklear-nude.html ashlee simpson pics] [http://worldwide.php5.sk/kate-beckinsale-nude.html kristin kreuk pictures] [http://worldwide.php5.sk/ christina aguilera beautiful]

    HelpOnTables (last edited 2008-04-12 17:50:58 by localhost)