Tables! yay.
This commit is contained in:
parent
4c3b32912a
commit
78e7c3e668
|
@ -46,6 +46,14 @@ acronym, abbr {
|
|||
color: @foreground4;
|
||||
}
|
||||
|
||||
table {
|
||||
border:0px;
|
||||
border-collapse:collapse;
|
||||
td{
|
||||
padding:0px;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -74,19 +74,14 @@
|
|||
Disneyland
|
||||
</address>
|
||||
|
||||
<pre>
|
||||
<pre>
|
||||
pre space1
|
||||
pre space1
|
||||
pre space2
|
||||
pre space2
|
||||
pre tab
|
||||
pre tab
|
||||
</pre><code><code> Not indented indent1 indent1 indent2
|
||||
indent3</code> <tt><tt> This tt text should be monospaced and
|
||||
wrap as if one line of text even though the code has newlines,
|
||||
spaces, and tabs. It should be the same size as <p>
|
||||
text.</tt>
|
||||
<pre>pre keeps
|
||||
ur spaces</pre>
|
||||
|
||||
<code>code does
|
||||
not</code> <br>
|
||||
|
||||
<tt>tt is just a
|
||||
usual paragraph with monospaced font</tt>
|
||||
|
||||
|
||||
</div>
|
||||
|
@ -222,79 +217,63 @@ text.</tt>
|
|||
|
||||
<h5><a name="tables">TABLES</a></h5>
|
||||
|
||||
<table summary="This is the summary text for this table."
|
||||
border="0" cellspacing="0" cellpadding="0">
|
||||
<caption>
|
||||
<em>A standard test table with a caption, tr, td
|
||||
elements</em>
|
||||
</caption>
|
||||
<div class="container_page">
|
||||
<div class="column">
|
||||
<table summary="Summary text">
|
||||
<caption> A simple table </caption>
|
||||
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th>Round</th>
|
||||
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
<th>Flat</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>Sphere</td>
|
||||
|
||||
<td>TD Two</td>
|
||||
<td>Square</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">TD colspan 2</td>
|
||||
<td colspan="2">Circle</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table summary="This is the summary text for this table."
|
||||
border="0" cellspacing="0" cellpadding="0">
|
||||
<caption>
|
||||
<em>A test table with a thead, tfoot, and tbody
|
||||
elements</em>
|
||||
</caption>
|
||||
</div>
|
||||
<div class="column">
|
||||
<table>
|
||||
<caption>Table with <code>THEAD,</code> <code>TFOOT</code> and <code>TBODY</code></caption>
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th>Cool</th>
|
||||
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
<th>Hot</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="2">tfoot footer</td>
|
||||
<td colspan="2">Superman</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>Arctic Circle</td>
|
||||
|
||||
<td>TD Two</td>
|
||||
<td>Havana</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>Chuck Norris</td>
|
||||
|
||||
<td>TD Two</td>
|
||||
<td>Emily Blunt</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h5><a name="forms">FORMS</a></h5>
|
||||
|
|
|
@ -22,3 +22,8 @@
|
|||
h3.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td {
|
||||
text-align: center;
|
||||
padding: 0.5 * @basesize;
|
||||
}
|
||||
|
|
Reference in a new issue