[tw] Vertical alignment in Tables

['Stephen Kimmel' via TiddlyWiki]

I'm sure there's an easy way to do this and I'm just as sure it has already
been discussed but I have to ask anyway.

At the moment, Tiddlywiki vertically aligns all table cells to center by
default. I would like to have some tables to have a vertical alignment with
the text in the cells all at the top of the cell. My current alternative is
to mark every cell with a ^ to force my top vertical alignment.

Is there some easy way to create and invoke a css class that would apply
that style to the entire table?

[Stephan Hradek]

Did you try to create a tiddler tagged as $:/tags/Stylesheet containing

td, th { vertical-align: top; }

['Stephen Kimmel' via TiddlyWiki]

When I did that it appeared to change the arrangement of all my tables. I
was hoping the change only some of them. Specifically the ones with a class
of tw-skimmel as done in a table with
|myClass tw-skimmel|k

[Eric Shulman]

Post by 'Stephen Kimmel' via TiddlyWiki
When I did that it appeared to change the arrangement of all my tables. I
was hoping the change only some of them. Specifically the ones with a class
of tw-skimmel as done in a table with
|myClass tw-skimmel|k

To limit the effect of CSS rules, you need more "specificity", by including
a class name as well as element tags, like this:
.tw-skimmel td, .tw-skimmel th { vertical-align: top; }
The above rule will then only be applied to TD or TH elements contained
within a "tw-skimmel" element (in this case, as table)

Also note that the syntax for adding your classname to the table is just:
|tw-skimmel|k
I'll bet that you started by copying the sample syntax given
in http://tiddlywiki.com/#Tables%20in%20WikiText, which demonstrates *two*
CSS classes being assigned to the table, (i.e., both "myClass" and
"anotherClass"). You don't need to include "myClass"... it's not a literal
keyword... it's only an example of a classname.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

YOUR DONATIONS ARE VERY IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
http://TiddlyTools.github.com/fundraising.html#MakeADonation

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact

['Stephen Kimmel' via TiddlyWiki]

Bingo!

A) That works exactly as expected and
B) That was exactly how I got there; by copying from the documentation.
Perhaps some clarification to the docs is in order.

Thanks, Eric.

So are you going to start modifying some of your wonderful modifications to
work with TW5?

[Stephan Hradek]

Post by 'Stephen Kimmel' via TiddlyWiki
B) That was exactly how I got there; by copying from the documentation.
Perhaps some clarification to the docs is in order.
Regarding that: It's CSS that you need to learn for this. Nothing

tiddlywiki should document as CSS is fairly well documented. Check
http://www.w3schools.com/

[Eric Shulman]

Post by 'Stephen Kimmel' via TiddlyWiki
B) That was exactly how I got there; by copying from the documentation.
Perhaps some clarification to the docs is in order.
Regarding that: It's CSS that you need to learn for this. Nothing
tiddlywiki should document as CSS is fairly well documented. Check
http://www.w3schools.com/

Actually, in this case, the confusion *is* in the TiddlyWiki documentation

In http://tiddlywiki.com/#Tables%20in%20WikiText, the section regarding use
of CSS classes for tables simply says:
------------------------------------
Table CSS classes... can be specified as special pseudo-rows:
|myclass anotherClass|k
------------------------------------
To those unfamiliar with TiddlyWiki syntax, it's not clear that "myclass"
isn't a special keyword used by TW, or that more than one class can be
specified using a space-separated list. It's a subtle point, but clearly
at least one person mis-interpreted the example. There's always room to
improve documentation!

-e

[Stephan Hradek]

but clearly at least one person mis-interpreted the example. There's
always room to improve documentation!

And I misinterpreted the main point of that discussion :D Thanks for
explaining, Eric.

[Eric Shulman]

Post by 'Stephen Kimmel' via TiddlyWiki
So are you going to start modifying some of your wonderful modifications
to work with TW5?

That is on my list of things to do, but I don't have a specific plan yet.
With so many TiddlyTools plugins, scripts, etc., it's difficult to
prioritize which should be re-written first... and some TiddlyTools plugins
will no longer needed, as their functionality and features are already
built-in to TiddlyWiki5.

Are there some specific plugins that you would like to see me work on first?

-e

['Stephen Kimmel' via TiddlyWiki]

Are there some specific plugins that you would like to see me work on first?

-e

Where to start? I guess my top priorities are:

The Table of Contents inside a tiddler based on headers (though I realize
there is a technical issue there.) The editor functions rank well up there.
The functions that allow you to do bulk deletes and editing of fields and
titles. The image sizing one.

['Stephen Kimmel' via TiddlyWiki]

Are there some specific plugins that you would like to see me work on first?

-e

Where to start? I guess my top priorities are:

The Table of Contents inside a tiddler based on headers (though I realize
there is a technical issue there.) The editor functions rank well up there.
The functions that allow you to do bulk deletes and editing of fields and
titles. The image sizing one.

[Jeremy Ruston]

Thanks everyone. I've made a minor update to the table documentation to
clarify how CSS classes are assigned:

https://github.com/Jermolene/TiddlyWiki5/commit/0a3c39930592e2e979aee08e1ef7a71374052f9e

Best wishes

Jeremy.


On Thu, Sep 18, 2014 at 7:01 PM, 'Stephen Kimmel' via TiddlyWiki <

Post by Eric Shulman
Are there some specific plugins that you would like to see me work on first?
-e
The Table of Contents inside a tiddler based on headers (though I realize
there is a technical issue there.) The editor functions rank well up there.
The functions that allow you to do bulk deletes and editing of fields and
titles. The image sizing one.
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
Jeremy Ruston
mailto:***@gmail.com