How to modify table html/css for a specific page |
|
Karine
|
Hi !
I use joomla for my website and I want to include a table on a page that would have different html/css settings than in the default settings configured with Artisteer. I tried to change it in the article itself, but it did not work. I also tried a few things found in the forum, without success. It seems that the default takes priority.
I have a small table in most of my pages, since I use it to position my buttons on the page and I remember then, I wanted to put border=0 (which all of these pages have in the html), but I had to change to color to white in Artisteer to make it work.
The default is :
.art-article th, .art-article td
{
padding: 2px;
border: solid 2px #000000;
vertical-align: top;
text-align: left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
And now I want to change the color, the vertical-align, the text-align and the padding for one or two tables on my website.
Please help !
Thanks !
|
|
Peter
|
Style the table, the <tr> or the <td> elements to override the default style found in the CSS. If styles don't appear to work then use the !important tag at the each declaration.
eg
<table style="text-align:right; color:#FFF; border-bottom:dotted 2px #F00 !important;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#999999"> </td>
<td bgcolor="#999999"> </td>
<td bgcolor="#999999"> </td>
</tr>
<tr>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td bgcolor="#333333"> </td>
<td bgcolor="#333333"> </td>
<td bgcolor="#333333"> </td>
</tr>
</table>
|
|
|
|