No longer working under TW5 version *5.1.13.* At least it didn't work for 
me using Firefox. Can someone approve please? Currently no background-color 
trick described seems to work under TW5.

Am Freitag, 11. Oktober 2013 19:11:48 UTC+2 schrieb Stephan Hradek:
>
> Good stuff you did!
>
> I'd like to add something. Feel free to include it in your TidlyWiki.
>
> You write in *Add CSS to your tables* at  *Hijack the exclamation mark to 
> highlight individual cells*  "Unfortunately, the table markup for 
> TiddlyWiki 5 doesn't allow you to add CSS inside individual cells. 
> However, if your table doesn't need a header, you can use the exclamation 
> mark (!) to format individual cells in a table instead of using it for the 
> header."
>
> I'd like to show a wqay how you can use BOTH! Headers AND highlighting 
> cells.
>
> For this I "stole" your psychotable:
>
> This is the tiddler content using the psychotable:
>
> |psychotable|k
> |!Header one|!Header two|!Header three|
> |Cell 1|Cell 2|Cell 3|
> |Cell 4|!Cell 5|Cell 6|
> |Cell 7|Cell 8|Cell 9|
>
> And here is another "psychotable" with row headers
>
> !Psycho table with Row Headers
>
> |psychotableR|k
> |!Header one|Cell 1|Cell 2|Cell 3|
> |!Header two|Cell 4|!Cell 5|Cell 6|
> |!Header three|Cell 7|Cell 8|Cell 9|
>
> And here is the corresponding CSS:
>
> /*PSYCHOTABLE*/
>
> html body .psychotable tr:first-child th {background-color:#ff0099;}
> html body .psychotable td {background-color:#ff9933;}
> html body .psychotable {border-color:#ff0033;border-width:10px;}
> html body .psychotable th {background-color:#00ff00;}
>
> /*PSYCHOTABLER*/
>
> html body .psychotableR tr th:first-child {background-color:#ff0099;}
> html body .psychotableR td {background-color:#ff9933;}
> html body .psychotableR {border-color:#ff0033;border-width:10px;}
> html body .psychotableR th {background-color:#00ff00;}
>
> You see: It's simply done by adding the pseudo class ":first-child" to 
> either tr or th to distinguish a real header from a highlighted cell.
>

-- 
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 email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/73ae4802-9253-467f-9bda-5b7266497973%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to