csswg-drafts/css2/images/longdesc/table-overlap-desc.html at 06179589265f75c21697257d5a10e67c8d6c9ad7 · w3c/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

    <title>Long description for example showing how structurally
overlapping cells are rendered</title>
  </head>

  <body>
      <h1>Long description for example showing how structurally
      overlapping cells are rendered</h1>

<P>This example shows two different ways to render tables that are
defined by HTML (and thus XHTML1) to be illegal, because of their
specific combination of rowspan and colspan attributes.

<P>The rendering on the left has two cells that overlap. The rendering
on the right doesn't, but leaves a gap in the table.

<p>In both tables, cells have gray backgrounds and a black
border. Each contains a single digit as label. Cells are separated
from each other by cell spacing.

<P>The left table has a top row of four cells, containing, resp. the
digits "1", "2", "3", and "4". The second of these cells, the one with
the digit "2" in it, extends into the row below. The second row of the
table contains one cell, which contains the digit "5", and it spans
columns one and two. Thus, the cell labeled "2" and the cell labeled
"5" overlap in the second row, second column. The overlap is depicted
by a darker gray background.

<P>The right table has the same top row of four cells, labeled "1",
"2", "3", and "4". The second cell again spans rows one and two. The
second row of the table contains one cell, containing the digit "5",
that spans columns three and four. Thus, no cells overlap, but the
first cell of the second row is left empty.

<P><a href="../../tables.html#img-table-overlap">Return to image.</a>

  </body>
</html>