third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-column.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-column.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:

« third_party/WebKit/LayoutTests/fast/table/backgr_border-table-2.html ('K') | « third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-cell.html ('k') | third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table-column-group.html » ('j') | third_party/WebKit/Source/core/paint/BackgroundImageGeometry.h » ('J')
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-column'</title>

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

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

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 col {background: black url(../images/rainbowv.gif) bottom right}

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-column'</h3>

21

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

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

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

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

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

27 cutouts in a stencil placed over the column background.

28 Furthermore, horizontal stripes should align across columns.</p>

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

30 border edge of the last cell in each column. An orange stripe

31 should align a few pixels to the left of the right border of the

32 non-column-spanning cells in each column.</p>

33

34 <dl>

35 <dt>next

36 <dd><a href="backgr_simple-table-cell.html">Background Area: Backgroun d on 'table-cell'</a>

37 <dt>previous

38 <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</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