PmWiki | Test / NestTableAndDiv

Experiments with nesting tables and divs

First, let's see tables nested within divs:

>>bgcolor=#ffffdd<<
Here is some text in a div.
(:table border=1 bgcolor=#ddffdd:)
(:cell:)alpha
(:cell:)beta
(:cell:)gamma
(:cellnr:)delta
(:cell:)epsilon

>>bgcolor=#ffdddd<<
Now we've started a new div.  Note that
the table in the
above div was properly closed, even
though no [@(:tableend:)@]
directive was provided.

(:table border=1 bgcolor=#ddffdd:)
(:cell:)iota
(:cell:)zeta
(:cell:)theta
(:cellnr:)omega
(:cell:)sigma
(:tableend:)

Now we're out of the table, but still
in the div.

>><<

Now we're out of the div.

Here is some text in a div.

alpha	beta	gamma
delta	epsilon

Now we've started a new div. Note that the table in the above div was properly closed, even though no (:tableend:) directive was provided.

iota	zeta	theta
omega	sigma

Now we're out of the table, but still in the div.

Now we're out of the div.

Now then, let's see some divs nested within tables:

(:table border=1 bgcolor=#ddffdd:)
(:cell:)
Some text

>>bgcolor=#ffffdd<<
A nested div
>>bgcolor=#ffdddd<<
Another nested div
>><<
more text
(:cell:)
Another cell
>>bgcolor=#dddddd<<
A nested div in this cell
(:cellnr:)
Another cell
>>bgcolor=#ddddff<<
A div within this cell.
>>bgcolor=#ddffff<<
Another div in this cell

Some text

A nested div

Another nested div

more text

Another cell

A nested div in this cell

Another cell

A div within this cell.

Another div in this cell

Lastly, how about divs nested within divs:

(:div10:) %div bgcolor=#ddddff%
Here is a div, and we'll put another
div in the middle:

>>cframe width=300px
bgcolor=#ffffdd<<
This div is nested within the outer
div.

>>cframe width=300px
bgcolor=#ffdddd<<
Another nested div within the outer div

(:div10:) %div bgcolor=#ffddff%
Okay, we've created another div at the
"10" level, which closed the previous
two divs.

(:div10end:)

And we're done with divs.

Here is a div, and we'll put another div in the middle:

This div is nested within the outer div.

Another nested div within the outer div

Okay, we've created another div at the "10" level, which closed the previous two divs.

And we're done with divs.

Yes, but what about tables within tables, esp table directives?

You can next a simple Table within a Table Directive