Using CSS, you can define classes. Then for the cells that need a
different look, you simply specify the class.
<html>
<style>
td {background: yellow;}
td.custom {background: pink;}
</style>
<table>
<tbody>
<tr>
<td>cell1</td>
<td class="custom">cell2</td>
<td>cell3</td>
</tr>
</tbody>
</table>
</html>
In this case, the first and the third cell will be yellow and the
second pink.Or you can directly specify the style for those cells. <html> <table> <tbody> <tr style="background: yellow;"> <td>cell1</td> <td style="background: pink;">cell2</td> <td>cell3</td> </tr> </tbody> </table> </html> In this example, the whole row will be yellow, except cell2, which will be pink. w On Feb 11, 9:38 pm, AndrewMc <[email protected]> wrote: > Thanks for the suggestion. I will try installing and using Firebug. > However, I am not sure that knowing the actual CSS will help me. If I > add the CSS to StyleSheet and create a custom style, I can only apply > that style to the whole table, I believe. What I want to do is affect > the appearance of just a few cells in a table rather than the whole > table. While the inline CSS looks confusing, when I apply it to only a > few cells, it is a manageable confusion. :-) > > Cheers > Andrew Mc > > On Feb 11, 9:25 pm, Alex Hough <[email protected]> wrote: > > > I'd use Firebug to cut and paste the actual CSS into StyleSheet, then change > > it. > > I think it gets a bit confusing doing it inline. > > > Alex > > > On 11 February 2010 00:42, AndrewMc <[email protected]> wrote: > > > > Hi All > > > > I wish to modify the appearance of some cells in a table. I want to > > > remove some of the borders and change the background colour of some > > > cells in the table. > > > > I can set the background colour but only if I use a hex value for the > > > colour. Setting the colour using [[ColorPalette::PrimaryPale]] does > > > not work for me. Can I use the [[ColorPalette::]] values to set the > > > colour of a table cell? > > > > !!Change background colour in cells 2-4, and 6-8 (~PrimaryPale = > > > #9b9). > > > |cell #1|bgcolor(#9b9):cell #2|bgcolor:#9b9;cell #3|background- > > > color:#9b9;cell #4| > > > |cell #5|bgcolor([[ColorPalette::PrimaryPale]]):cell #6|bgcolor: > > > [[ColorPalette::PrimaryPale]]; cell #7|background-color: > > > [[ColorPalette::PrimaryPale]]; cell #8| > > > > I can successfully remove the vertical line between two columns but > > > cannot remove the horizontal line between two rows. How can i remove > > > the horizontal border between two rows? > > > > !!Remove vertical line between column 1 and column 2 (Successful). > > > |border-right-width:0; cell #1 |border-left-width:0; cell #2 | cell #3 > > > | > > > |border-right-width:0; cell #4 |border-left-width:0; cell #5 | cell #6 > > > | > > > > !!Remove horizontal line between row 1 and row 2 (Unsuccessful). > > > |border-bottom-width:0; cell #1 |border-bottom-width:0; cell #2 | > > > |border-top-width:0; cell #3 |border-top-width:0; cell #4 | > > > |cell #5|cell #6| > > > > I am using MPTW with Firefox 3.5.7 on Windows XP. > > > I have also tried the examples above in an empty TW 2.5 and had the > > > same results. > > > > Cheers > > > Andrew Mc > > > > -- > > > You received this message because you are subscribed to the Google Groups > > > "TiddlyWiki" group.> > To post to this group, send email > > > [email protected]. > > > To unsubscribe from this group, send email to> > > > >[email protected]<tiddlywiki%[email protected]> > > > . > > > For more options, visit this group at > > >http://groups.google.com/group/tiddlywiki?hl=en. > > > --http://www.multiurl.com/g/64 -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
