Project

General

Profile

Download (2.19 KB)

RE: WGridLayout issue (again) » table_example.html

Grid layout example using <table> - David Gaarenstroom, 05/03/2013 02:20 PM

 
<html>
<head>
<title>Test grid</title>
</head>
<body>
<table style="width: auto; height: auto; background-color: silver;">
<colgroup span="11" style="width: 12px;"></colgroup>
<tr style="height: 20px;">
<td></td>
<td></td>
<td></td>
<td colspan=5 style="background-color: yellow; -moz-box-sizing: border-box;">somelabel</td>
<td></td>
<td></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
</tr>
<tr style="height: 20px;">
<td colspan=3 style="background-color: red; -moz-box-sizing: border-box;">label</td>
<td></td>
<td colspan=6>
<input type="text" value="" style="background-color: blue; display: block; -moz-box-sizing: border-box; width: 100%;"></input>
</td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
</tr>
<tr style="height: 20px;">
<td colspan=3 style="background-color: green; -moz-box-sizing: border-box;">label</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
</tr>
<tr style="height: 20px;">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
</tr>
<tr style="height: 20px;">
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
<td style="background-color: black; -moz-box-sizing: border-box;"></td>
<td style="background-color: white; -moz-box-sizing: border-box;"></td>
</tr>
</table>
</body>
(1-1/2)