mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
47 lines
985 B
HTML
47 lines
985 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Table Column Proportional Width Contraints</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2>HTML 4.0 Table Column Proportional Width Constraints</h2>
|
||
|
|
<p>
|
||
|
|
The table below is 350 pixels wide. The columns are assigned proportional widths using COLs
|
||
|
|
as follows:
|
||
|
|
</p>
|
||
|
|
<tt>
|
||
|
|
<col width=50><br>
|
||
|
|
<col width=2*><br>
|
||
|
|
<col width=1*><Br>
|
||
|
|
<col width=3*>
|
||
|
|
</tt>
|
||
|
|
<p>
|
||
|
|
This means the first column should be 50 pixels wide. The remaining width should be divided
|
||
|
|
among the three remaining columns according to the proportional width statements into six
|
||
|
|
(2+1+3)
|
||
|
|
parts. Since the Table is 350 pixels wide, and the remaining width is 300 pixels (350-50),
|
||
|
|
the remaining columns should be 100 (2*50), 50 (1*50) and 150 (3*50) pixels wide,
|
||
|
|
respectively.
|
||
|
|
</p>
|
||
|
|
<table border=1 width=350>
|
||
|
|
<colgroup>
|
||
|
|
<col width=50>
|
||
|
|
<col width=2*>
|
||
|
|
<col width=1*>
|
||
|
|
<col width=3*>
|
||
|
|
</colgroup>
|
||
|
|
<tr>
|
||
|
|
<th>One
|
||
|
|
<th>Two
|
||
|
|
<th>Three
|
||
|
|
<th>Four
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Red
|
||
|
|
<td>Green
|
||
|
|
<td>Blue
|
||
|
|
<td>Green
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|