third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-row.html - Issue 2600903002: Paint the whole of a table-part background image behind the cells in a table

Side by Side Diff: third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-row.html

Issue 2600903002: Paint the whole of a table-part background image behind the cells in a table (Closed)

Patch Set: Paint the whole of an image behind the cells in a table Created 3 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-column-group.html ('k') | third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-row-group.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

2 <head>

3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

4 <title>Background on 'table-row'</title>

5 <link rel="next" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">

6 <link rel="prev" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-column-group'">

7 <link rel="contents" href="./backgr_index.html" title="Table of Contents">

8 <link rel="stylesheet" type="text/css" href="common.css">

9 <style type="text/css">

10

11 tr {background: black url(../images/rainbowh.gif) bottom left;}

12

13 </style>

14 </head>

15 <body>

16 <h1>CSS2 Table Backgrounds Test Suite</h1>

17

18 <h2>Part A: Background Area</h2>

19

20 <h3>Background on 'table-row'</h3>

21

22 <p class="scope">All four rows are styled.</p>

23 <p class="clip">The table row background should be visible within

24 the border edge of each cell originating in the row, and the

25 background should be continuously tiled to fill the entire cell.

26 Within each row, all stripes should line up as if the cells were

27 cutouts in a stencil placed over the row background. Furthermore,

28 vertical stripes should align across rows.</p>

29 <p class="position">A red band should align with the left border

30 edge of the first cells in each row. An orange stripe should align

31 a few pixels above the bottom border of the non-row-spanning cells

32 in each row.</p>

33

34 <dl>

35 <dt>next

36 <dd><a href="backgr_simple-table-column.html">Background Area: Backgro und on 'table-column'</a>

37 <dt>previous

38 <dd><a href="backgr_simple-table-column-group.html">Background Area: B ackground on 'table-column-group'</a>

39 <dt>contents

40 <dd><a href="./backgr_index.html">Table of Contents</a>

41 </dl>

42

43 <table class="separate">

44 <caption>With 'border-collapse: separate'</caption>

45 <colgroup class="colgroup-A">

46 <col class="col-1">

47 <col class="col-2">

48 <col class="col-3">

49 </colgroup>

50 <colgroup class="colgroup-B">

51 <col class="col-4">

52 </colgroup>

53 <thead>

54 <tr class="th-row-1">

55 <th class="a">TH A</th>

56 <th class="b">TH B</th>

57 <th class="c">TH C</th>

58 <th class="d">TH D</th>

59 </tr>

60 </thead>

61 <tfoot>

62 <tr class="tf-row-1">

63 <td class="m" colspan=2>TD M</td>

64

65 <td class="o">TD O</td>

66 <td class="p">TD P</td>

67 </tfoot>

68 <tbody>

69 <tr class="tb-row-1">

70 <td class="e" rowspan=2>TD E</td>

71 <td class="f">TD F</td>

72 <td class="g">TD G</td>

73 <td class="h">TD H</td>

74 </tr>

75 <tr class="tb-row-2">

76

77 <td class="j">TD J</td>

78 <td class="k">TD K</td>

79 <td class="l">TD L</td>

80 </tr>

81 </tbody>

82 </table>

83

84 <table class="collapse">

85 <caption>With 'border-collapse: collapse'</caption>

86 <colgroup class="colgroup-A">

87 <col class="col-1">

88 <col class="col-2">

89 <col class="col-3">

90 </colgroup>

91 <colgroup class="colgroup-B">

92 <col class="col-4">

93 </colgroup>

94 <thead>

95 <tr class="th-row-1">

96 <th class="a">TH A</th>

97 <th class="b">TH B</th>

98 <th class="c">TH C</th>

99 <th class="d">TH D</th>

100 </tr>

101 </thead>

102 <tfoot>

103 <tr class="tf-row-1">

104 <td class="m" colspan=2>TD M</td>

105

106 <td class="o">TD O</td>

107 <td class="p">TD P</td>

108 </tfoot>

109 <tbody>

110 <tr class="tb-row-1">

111 <td class="e" rowspan=2>TD E</td>

112 <td class="f">TD F</td>

113 <td class="g">TD G</td>

114 <td class="h">TD H</td>

115 </tr>

116 <tr class="tb-row-2">

117

118 <td class="j">TD J</td>

119 <td class="k">TD K</td>

120 <td class="l">TD L</td>

121 </tr>

122 </tbody>

123 </table>

124 <div class="validity">

125 <a href="http://validator.w3.org/check/referer"><img

126 src="../images/valid-html401.png" height="31" width="88"

127 alt="Valid HTML 4.01!"></a>

128 </div>

129 <address>

130 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasa i@escape.com>

131 </address>

132

133 </body>

134 </html>

OLD	NEW