docs: Remove table-layout documentation from core
This doesn't belong here and also doesn't make a lot of sense with current browser support any more. We shouldn't provide basic HTML documentation in 2018 as part of core. Change-Id: I1a3516e45902d16f0d9efbe97cb2dbd6efd566be
This commit is contained in:
parent
48a72eee82
commit
00096d8f4a
1 changed files with 0 additions and 59 deletions
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
/** This is just for coloring: */
|
||||
table { border: 1px solid #CC0; }
|
||||
td { border: 1px solid #CCC; }
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#first {
|
||||
width: 300px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>
|
||||
This play with table-layout:fixed; and applying the width to colgroup or col element. Firefox only recongize the width if it is applied on col element!</p>
|
||||
<p>
|
||||
On a perfect browser, both tables should look the same</p>
|
||||
|
||||
<dl>
|
||||
<dt>colgroup</dt>
|
||||
<dd>300 px width is applied to the first colgroup element</dd>
|
||||
</dl>
|
||||
<div style="width: 400px;">
|
||||
<table>
|
||||
<colgroup id="first" /></colgroup>
|
||||
<colgroup id="second"/></colgroup>
|
||||
<colgroup id="third" /></colgroup>
|
||||
<tr>
|
||||
<td>Very long?</td>
|
||||
<td>#</td>
|
||||
<td>$</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<dl>
|
||||
<dt>col</dt>
|
||||
<dd>Each colgroup has an additional col element. The first col element is applied the 300 px width</dd>
|
||||
</dl>
|
||||
|
||||
<div style="width: 400px;">
|
||||
<table>
|
||||
<colgroup><col id="first" /></colgroup>
|
||||
<colgroup><col id="second"/></colgroup>
|
||||
<colgroup><col id="third" /></colgroup>
|
||||
<tr>
|
||||
<td>Very long?</td>
|
||||
<td>#</td>
|
||||
<td>$</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
Loading…
Reference in a new issue