I have seen your email and have checked your website. I understand where the problem is now as previously I thought all of added html get stripped in editor.
Because you are using general markup obviously this get overwritten by template css or more like joomla css. If you want to use different styling simply give an id to your table and use css to style them.
I have added an id to your table called "sample". Below is an example table markup with its css code which you can add in override.css
Html markup for table, this is only a sample.
- Code: Select all
<table id="sample" cellspacing="2">
<tr class="toprow">
<td> </td>
<td>A</td>
<td>B</td>
<td>Total</td>
</tr>
<tr>
<td class="leftcol">January</td>
<td class="data">123</td>
<td class="data">234</td>
<td class="data">357</td>
</tr>
<tr>
<td class="leftcol">February</td>
<td class="data">135</td>
<td class="data">246</td>
<td class="data">381</td>
</tr>
<tr>
<td class="leftcol">March</td>
<td class="data">257</td>
<td class="data">368</td>
<td class="data">625</td>
</tr>
<tr>
<td class="leftcol">Total</td>
<td class="data">515</td>
<td class="data">848</td>
<td class="data">1363</td>
</tr>
</table>
CSS Code
- Code: Select all
table#sample {
background-color:#FFFFFF;
border: solid #000 3px;
width: 400px;
}
table#sample td {
padding: 5px;
border: solid #000 1px;
}
.data {
color: #000000;
text-align: right;
background-color: #CCCCCC;
}
.toprow {
font-style: italic;
text-align: center;
background-color: #FFFFCC;
}
.leftcol {
font-weight: bold;
text-align: left;
width: 150px;
background-color: #CCCCCC;
}
See you around...