[tw] Re: Make a borderless table
I asked this some time ago and got this answer which works...
stephenteacher.tiddlyspot.com/#%24%3A%2FNo%20Borders
Tag tiddler with $:/tags/Stylesheet
Code as follows:
.no-border,
.no-border th,
.no-border tr,
.no-border td{
border:0;}
.no-border .tg-0ord{text-align:right}
.no-border .tg-s6z2{text-align:center}
.no-border .tg-h0x1{text-align:left}
.no-border td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;}
.no-border th{font-family:Arial,
sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;}
And set type to text/css
@@.no-border
|!border|less|
@@
Then works wonders. Apologies if I've duplicated.
--
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/b20813c1-2db6-40a5-9aa8-dc37ff5a6220%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
On Wednesday, September 6, 2017 at 10:11:52 AM UTC-5, Vayu Asura wrote: > > maybe it has to do with some surrounding tags. > > Something might be messing with it, but since the css border property is not inherited, it's unlikely. Is it possible you have another css setting somewhere? The "cascade" might be throwing you off. Take a look in DevTools Inspector -- what does that show? Open your Tiddler that has the table element in VIEW mode (not edit mode), right-click on the table element, choose the "Inspect" option. You could then send a screen capture here for us to take a look. -- 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/281ea5a2-7fa0-40c8-9865-e4d4521ec9a6%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
maybe it has to do with some surrounding tags. On Tuesday, September 5, 2017 at 10:44:15 PM UTC+3, codacoder...@outlook.com wrote: > > > > On Tuesday, September 5, 2017 at 2:16:13 PM UTC-5, Vayu Asura wrote: >> >> >> when invoked with it keeps the >> outermost border of the table >> >> > I see no border using Eric's code. I checked the css and looked in > DevTools inspector. Apart from TW's row styling being applied to the > wikitext version, they're identical with respect to borders. > -- 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/fca5be4a-f840-4ed8-aeed-69705b583f41%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
On Tuesday, September 5, 2017 at 2:16:13 PM UTC-5, Vayu Asura wrote: > > > when invoked with it keeps the > outermost border of the table > > I see no border using Eric's code. I checked the css and looked in DevTools inspector. Apart from TW's row styling being applied to the wikitext version, they're identical with respect to borders. -- 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/1822bd28-5f5f-4dc8-9cf8-37017e5a7e17%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
Found Eric's solution
here https://groups.google.com/forum/#!topic/tiddlywiki/UC10tciyr1U
I have no idea how it works save for the most abstract concepts. The funny
thing about its implication is:
when invoked with it keeps the outermost
border of the table
and when invoked like
@@.borderless
@@
removes the outer border as well.
Weird.
On Tuesday, September 5, 2017 at 9:27:03 PM UTC+3, Vayu Asura wrote:
>
> I want a specific table to be bordeless
>
> The syntax for wiki tables allows that style string in the top.
>
> However I couldn't either find a proper style in the default stylesheet to
> get the invisible border or make my own:
>
> tagged `$:/tags/Stylesheet`
>
> .no-border {
> border: 0px;
> }
>
> and the table I want to make borderless in another tiddler:
>
> |.no-border|k
> |myfield|myvalue|
>
> Dev-tools show
>
>
>
> myfieldmyvalue
>
>
>
> But the border still renders. What am I doing wrong?
>
>
>
--
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/2e16d72a-0b21-4c1b-9f3d-5024dd66c81f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
that yields quite strange results actually...
On Tuesday, September 5, 2017 at 9:52:28 PM UTC+3, codacoder...@outlook.com
wrote:
>
>
>
> On Tuesday, September 5, 2017 at 1:27:03 PM UTC-5, Vayu Asura wrote:
>>
>> I want a specific table to be bordeless
>>
>> The syntax for wiki tables allows that style string in the top.
>>
>> However I couldn't either find a proper style in the default stylesheet
>> to get the invisible border or make my own:
>>
>> tagged `$:/tags/Stylesheet`
>>
>> .no-border {
>> border: 0px;
>> }
>>
>> and the table I want to make borderless in another tiddler:
>>
>> |.no-border|k
>> |myfield|myvalue|
>>
>> Dev-tools show
>>
>
>
> Remove the dot from the class:
>
>
>>
>>
>
>
>
>
--
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/a8317698-495f-4a6b-9b08-1fd493091dd1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
In the table it should be:
|no-border|k
|myfield|myvalue|
Then, I found I needed this for the class. YMMV:
.no-border th, .no-border td, .no-border tr, table.no-border {
border: none ;
}
Mark
On Tuesday, September 5, 2017 at 11:27:03 AM UTC-7, Vayu Asura wrote:
>
> I want a specific table to be bordeless
>
> The syntax for wiki tables allows that style string in the top.
>
> However I couldn't either find a proper style in the default stylesheet to
> get the invisible border or make my own:
>
> tagged `$:/tags/Stylesheet`
>
> .no-border {
> border: 0px;
> }
>
> and the table I want to make borderless in another tiddler:
>
> |.no-border|k
> |myfield|myvalue|
>
> Dev-tools show
>
>
>
> myfieldmyvalue
>
>
>
> But the border still renders. What am I doing wrong?
>
>
>
--
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/f1ed6e43-11df-47a3-9b69-fe857e0824e6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
Hi Vayu See https://groups.google.com/forum/#!msg/tiddlywiki/UC10tciyr1U/8mQuSt4VBsUJ Cheers, Ton -- 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/0d184f01-66a0-4a1f-9f94-b0e760f892c0%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw] Re: Make a borderless table
On Tuesday, September 5, 2017 at 1:27:03 PM UTC-5, Vayu Asura wrote:
>
> I want a specific table to be bordeless
>
> The syntax for wiki tables allows that style string in the top.
>
> However I couldn't either find a proper style in the default stylesheet to
> get the invisible border or make my own:
>
> tagged `$:/tags/Stylesheet`
>
> .no-border {
> border: 0px;
> }
>
> and the table I want to make borderless in another tiddler:
>
> |.no-border|k
> |myfield|myvalue|
>
> Dev-tools show
>
Remove the dot from the class:
>
>
--
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/95adef48-19da-48ca-90e7-727e74fdf1f0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
