зеркало из https://github.com/mozilla/pjs.git
123 строки
3.0 KiB
HTML
123 строки
3.0 KiB
HTML
<html><body>
|
|
|
|
<div align=center>
|
|
<p style="font-weight: bold">Tables I, II, III, IV (cellpadding=0 cellspacing=5)</p>
|
|
|
|
<table border cellpadding=5 bgcolor=ffcc00>
|
|
<tr><td valign=top>
|
|
|
|
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
|
|
<caption><nobr>Table I</nobr></caption>
|
|
<tr>
|
|
<td>1,1</td><td>1,2</td><td>1,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2,1</td><td>2,2</td><td bgcolor=ffff66>2,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3,1</td><td>3,2</td><td bgcolor=ffff66>3,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4,1</td><td>4,2</td><td bgcolor=ffff66>4,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5,1</td><td>5,2</td><td>5,3</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td><td valign=top>
|
|
|
|
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
|
|
<caption><nobr>Table II</nobr></caption>
|
|
<tr>
|
|
<td>1,1</td><td>1,2</td><td>1,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66>2,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=2>3,1</td> <td bgcolor=ffff66>3,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4,2</td><td bgcolor=ffff66>4,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5,1</td><td>5,2</td><td>5,3</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td><td valign=top>
|
|
|
|
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
|
|
<caption><nobr>Table III</nobr></caption>
|
|
<tr>
|
|
<td>1,1</td><td>1,2</td><td>1,3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66></td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=2>3,1</td> <td bgcolor=ffff66></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4,2</td><td bgcolor=ffff66></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5,1</td><td>5,2</td><td>5,3</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td><td valign=top>
|
|
|
|
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
|
|
<caption><nobr>Table IV</nobr></caption>
|
|
<tr>
|
|
<td>1,1</td><td>1,2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2,1</td><td rowspan=2>2,2</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=2>3,1</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4,2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5,1</td><td>5,2</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td></tr></table>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<p align="center"><b>This demonstrates a problem with "overlapping
|
|
rowspan cells" (look at Table IV).</b></p>
|
|
|
|
<p><b>Table I:</b> a regular 5x3 table</p>
|
|
|
|
<p><b>Table II:</b> introduces rowspan=2 for cells (2,2) and (3,1),
|
|
which 'overlap'.</p>
|
|
|
|
<p><b>Table III:</b> is Table II, but cells (2,3),(3,3) and (4,3) now
|
|
have 'empty' contents; the resulting table is still OK. Note that the
|
|
height of (2,3) and (4,3) is determined by cells (2,1) and (4,2)
|
|
respectively, whereas (3,3) has ~0 height since no 'effective' cell in
|
|
the row has any definite height requirement (except for border,
|
|
margin, padding if applicable).</p>
|
|
|
|
<p><b>Table IV:</b> is Table III, but column 3 has been removed (cells
|
|
(1,3),(2,3),(3,3),(4,3),(5,3)). This should mirror the first two
|
|
columns of Table III (but currently does not). </p>
|
|
|
|
<p>Note that cells (2,2) and (3,1) are still in the correct position,
|
|
with the same size as Table III, but that their cellspacing with (5,1)
|
|
and (4,2) is absent.</p>
|
|
|
|
<p>Tested with Apr25, M4 and 1999051109 (win95, opt.) Dated: May 11 1999</p>
|
|
|
|
</body></html>
|
|
|