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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TinyButStrong - Example of grouping sections</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./tbs_us_examples_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Example of grouping sections</h1>
<div id="main-body">
<div class="w3cinfo"> this TBS template is W3C compliant <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" style="border:none;" /></a> </div>
<div id="example">
<p>Parameters <span class="text-prm">headergrp</span>, <span class="text-prm">footergrp</span> and <span class="text-prm">splittergrp </span>enable you to display Headers, Footers and Splitters of groups. Note: their place in the block acts on the display. </p>
<table width="300" border="1" cellpadding="4" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td style="background-color:#CFE7CF">•</td>
<td colspan="4" style="background-color:#CFE7CF" class="title-section"> [blk_res.country;block=tr;headergrp=country]</td>
</tr>
<tr>
<td> </td>
<td style="background-color:#FFF5D2">•</td>
<td colspan="3" style="background-color:#FFF5D2; text-decoration:underline;">[blk_res.city;block=tr+tr;headergrp=city]</td>
</tr>
<tr class="text-mini">
<td> </td>
<td> </td>
<td style="background-color:#F0F0F0"> </td>
<td style="background-color:#F0F0F0"><strong><em>Name</em></strong></td>
<td style="background-color:#F0F0F0"><strong><em>Score</em></strong></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td style="background-color:#F0F0F0">°</td>
<td style="background-color:#F0F0F0">[blk_res.winner;block=tr]</td>
<td style="background-color:#F0F0F0">[blk_res.score]</td>
</tr>
<tr>
<td> </td>
<td style="background-color:#FFFFDF">→ </td>
<td colspan="3" style="background-color:#FFFFDF"><span class="text-mini">[blk_res.city;block=tr;footergrp=city]</span></td>
</tr>
<tr>
<td style="background-color:#DDEEDD">→</td>
<td colspan="4" style="background-color:#DDEEDD"><span class="text-mini">[blk_res.country;block=tr;footergrp=country]</span></td>
</tr>
<tr>
<td colspan="5">[blk_res;block=tr;splittergrp=country]
<hr style="background-color:#060; border:solid 1px #090;" /></td>
</tr>
</table></td>
</tr>
</table>
</div>
</div>
</body>
</html>