[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread John Thornton
Hello again. I solved my problem with localizing the CSS to specific areas to a higher degree. I was aware I can provide CSS class names to be associated to the table. By simply using the class names I can localize the CSS to the table. It is somewhat similar to the method of using 'id=' and

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread John Thornton
Thank you, S. S. The problem I have with that solution I mentioned before. I am doing this in TiddlyWiki, and I have not seen a way to use the 'id' form of CSS selectors, because I have not seen how to tag an element in a TiddlyWiki table with and 'id'. Maybe it is obvious and something I

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread S. S.
Try the id attribute as shown here : https://www.w3schools.com/html/html_id.asp -- 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

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread John Thornton
Thank you, Subi 54. It will take me a bit to understand that snippet and how to use it. On Thursday, March 14, 2019 at 9:12:04 AM UTC+1, Subi 54 wrote: > > Use something like this perhaps: > > ``` > <$list filter="[rank[tabimgcss]]"> > [data-tiddler-title^="<$view field=title/>"] img { >

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread S. S.
Maybe the first example here might help: https://www.w3schools.com/html/html_id.asp -- 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

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread Subi 54
Use something like this perhaps: ``` <$list filter="[rank[tabimgcss]]"> [data-tiddler-title^="<$view field=title/>"] img { vertical-align: middle; } ``` Just put `rank` in field of the riddles which contain the tables and use `tabimgcss` as the value. -- You received this message

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-14 Thread John Thornton
Thank you, Oxydum. It worked and makes sense in its consistency with the HTML embedded CSS markup. I do not understand it, though. To me, the image seems centered and the text seems not to be centered. It seems counter-intuiitive that changing the centering on the image changes the positioning

[tw5] Re: Vertically centering an icon and text in the same cell of a table

2019-03-13 Thread oxydum
Hi John, try a CSS : > img {vertical-align: middle;} Best wishes Le mercredi 13 mars 2019 16:54:40 UTC+1, John Thornton a écrit : > > I have table data that consists of and Icon followed by some text. The > text height is less than the icon height, and the appearance is that the > bottom