Difference between revisions of "Help:Table Caption"

From lensowiki
Jump to: navigation, search
(h:h + h:f)
 
m (1 revision(s))
(No difference)

Revision as of 05:34, 19 July 2006

  Caption tag is a part of Table (html) tag. It places texts above the table, by default. Texts can also be at below, left or right side of the table, based on the "align" parameter's value.

In the rightside table, the texts This is a Caption showing a caption.
This is a Caption
Data-Type-1 Data-Type-2
Data-1a Data-2a
Data-1b Data-2b
Wiki code:
{| border="1"
|+ This is a Caption
! Data-Type-1 !! Data-Type-2
|-
| Data-1a || Data-2a
|-
| Data-1b || Data-2b
|}
Html code:
<table border="1">
<caption> This is a Caption </caption>
<tr>
<th> Data-Type-1 </th><th> Data-Type-2 </th>
</tr><tr>
<td> Data-1a </td><td> Data-2a </td>
</tr><tr>
<td> Data-1b </td><td> Data-2b </td>
</tr>
</table>

A html <caption> tag can be created by using following wiki code:

|+ Caption

which generates the following html code:

<caption>Caption</caption>

You can also use parameters in wiki code:

|+ params|Caption

which will generate below html code:

<caption params>Caption</caption>

CSS box model equivalent:

display: table-caption;

Caption tag accepts following parameters:

align = "top|bottom|left|right" (Deprecated html parameter)

  (Html "align" is valid for ~IE 6).

Equivalent stylesheet parameter:

style="caption-side: top|bottom|left|right|inherit;"
 
In the rightside table, the texts Caption at bottom showing a bottom side caption.
Caption at bottom
Data-Type-1 Data-Type-2
Data-1a Data-2a
Data-1b Data-2b
Wiki code:  {| border="1"
|+ align="bottom" style="caption-side: bottom" | Caption at '''bottom'''
! Data-Type-1 !! Data-Type-2
|-
| Data-1a || Data-2a
|-
| Data-1b || Data-2b
|}

For a bottom side, right aligned caption texts:

|+ align="bottom" style="caption-side: bottom; text-align: right;" | Caption at bottom

See also

Help:Table

http://www.fayeunrauphotography.com/ kjøp cialis 520853 http://www.primetermites.com/ ジェネリックバイアグラ 5575 http://www.witch-ring.com/Generic-Viagra/ Comprando viagra sfnjy http://www.flweaver.com/ online Cialis kmt http://www.blogdemoteros.com/ tadalafil 5271