How to modify table html/css for a specific page


Author Message
Karine

Posted: 3/29/2015
Quote message 

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

Posted: 5/13/2015
Quote message 

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">&nbsp;</td>
<td bgcolor="#999999">&nbsp;</td>
<td bgcolor="#999999">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#333333">&nbsp;</td>
<td bgcolor="#333333">&nbsp;</td>
<td bgcolor="#333333">&nbsp;</td>
</tr>
</table>