Thanks Mike for the information about StyleSheetShortcuts. I already
use this tiddler but did not have the latest version that included the
ColorPalette colours.
When using this approach in table cells, the text background is
formatted correctly, but not the entire background of the cell. This
can be seen in cell #2 below:
|cell #1|{{BGPrimaryPale{cell #2}}}|
|background-color:#8cf;cell #3|background-color:
[[ColorPalette::PrimaryPale]]; cell #4|
Cheers
Andrew Mc
On Feb 13, 10:10 am, Mike <eris...@gmail.com> wrote:
> Originally you had mentioned using ColorPalette colors in your table.
>
> Might want to look at:http://www.tiddlytools.com/#StyleSheetShortcuts
>
> At the End you will find (did not include all of the code. . .)
> /* [[ColorPalette]] text colors */
> .Background { color:[[ColorPalette::Background]]; }
>
> /* [[ColorPalette]] background colors */
> .BGBackground { background-color:[[ColorPalette::Background]]; }
>
> Can copy the sections into your StyleSheet
> or
> import the StyleSheetShortcuts tiddler and transclude it via placing
> [[StyleSheetShortcuts]] at the top or bottom of your StyleSheet.
> (Effectively launching your StyleSheet + StyleSheetShortcuts at start
> up)
>
> Then could use the {{BGBackground{ My cool text here }}}
>
> Mike
>
> On Feb 12, 6:29 am, whatever <kbrezov...@gmail.com> wrote:
>
> > 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 <newsp...@post.com> 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 <r.a.ho...@googlemail.com> 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 <newsp...@post.com> 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
> > > > > totiddlyw...@googlegroups.com.
> > > > > To unsubscribe from this group, send email to>
> > > > > >tiddlywiki+unsubscr...@googlegroups.com<tiddlywiki%2bunsubscr...@googlegroups.com>
> > > > > .
> > > > > 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 tiddlyw...@googlegroups.com.
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
