Tables! yay.

This commit is contained in:
Alexander Yakovlev 2012-12-14 15:55:03 +07:00
parent 4c3b32912a
commit 78e7c3e668
3 changed files with 43 additions and 51 deletions

View file

@ -46,6 +46,14 @@ acronym, abbr {
color: @foreground4;
}
table {
border:0px;
border-collapse:collapse;
td{
padding:0px;
}
}
.hidden {
display: none;
}

View file

@ -74,19 +74,14 @@
Disneyland
</address>
<pre>
&lt;pre&gt;
pre space1
pre space1
pre space2
pre space2
pre tab
pre tab
</pre><code>&lt;code&gt; Not indented indent1 indent1 indent2
indent3</code> <tt>&lt;tt&gt; 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 &lt;p&gt;
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>

View file

@ -22,3 +22,8 @@
h3.center {
text-align: center;
}
table td {
text-align: center;
padding: 0.5 * @basesize;
}