Format cells in a table
AndrewMc
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
Alex Hough
I think it gets a bit confusing doing it inline.
Alex
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To post to this group, send email to tiddl...@googlegroups.com.
To unsubscribe from this group, send email to tiddlywiki+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
--
http://www.multiurl.com/g/64
AndrewMc
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
>
> > tiddlywiki+...@googlegroups.com<tiddlywiki%2Bunsu...@googlegroups.com>
whatever
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
> > > "TiddlyWiki" group.> > To post to this group, send email totidd...@googlegroups.com.
Mike
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
AndrewMc
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