[tw] Re: Format cells in a table
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
tdcell1/td
td class=customcell2/td
tdcell3/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;
tdcell1/td
td style=background: pink;cell2/td
tdcell3/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.comtiddlywiki%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.
[tw] Re: Format cells in a table
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
tdcell1/td
td class=customcell2/td
tdcell3/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;
tdcell1/td
td style=background: pink;cell2/td
tdcell3/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.comtiddlywiki%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.
[tw] Re: Format cells in a table
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
tdcell1/td
td class=customcell2/td
tdcell3/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;
tdcell1/td
td style=background: pink;cell2/td
tdcell3/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.comtiddlywiki%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
[tw] Re: Format cells in a table
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 to tiddlyw...@googlegroups.com. To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.comtiddlywiki%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.
