Hi,
you could add some CSS code to typo.css
Please try this:
.ja-typo-table {
border-collapse: separate;
border-bottom: 1px solid #e4e2df;
background: #F7F7F7;
}
.ja-typo-table td {
border: 1px solid #dee0e0;
padding: 5px 10px;
border-top: 1px solid #fdfcfb;
border-left: none;
}
.ja-typo-table tr.last td {
border-bottom: 1px solid #fdfcfb;
}
.ja-typo-table thead th {
background:#f5f5f2;
border-right: 1px solid #dcdbda;
border-bottom: 1px solid #bab5ab;
padding: 5px 10px;
color:#685d54;
line-height:30px;
}
.ja-typo-table td.last,
.ja-typo-table th.last {
border-right: 0;
}
And here is an example on how to use this on an article:
<table style="width: 100%;" class="ja-typo-table table-grey" border="0"><colgroup><col width="20%" /><col width="20%" /><col width="60%" /></colgroup>
<thead>
<tr><th class="first" scope="col">Title</th><th scope="col">Author</th><th class="last" scope="col">Decription</th></tr>
</thead>
<tbody>
<tr>
<td class="first">Anna Karenina</td>
<td>Leo Tolstoy</td>
<td class="last">Anna Karenina is a novel published in serial installments from 1873 to 1877 in the periodical. The Russian Messenger.</td>
</tr>
<tr>
<td class="first">Madame Bovary</td>
<td>Gustave Flaubert</td>
<td class="last">Madame Bovary is Gustave Flaubert's first published novel and is considered his masterpiece.</td>
</tr>
<tr>
<td class="first">War and Peace</td>
<td>Leo Tolstoy</td>
<td class="last">War and Peace, a Russian novel by Leo Tolstoy, is considered one of the greatest works of fiction. [1] It is regarded, along with Anna Karenina (1873–1877), as Tolstoy's finest literary achievement.</td>
</tr>
<tr class="last">
<td class="first">Lolita</td>
<td>Vladimir Nabokov</td>
<td class="last">Lolita is a novel by Vladimir Nabokov, first written in English and published in 1955 in Paris, later translated by the author into Russian and published in 1958 in New York.</td>
</tr>
</tbody>
</table>
Manos 12 years, 8 months ago.
