try...
<style>
table.lyrics,
table.lyrics tr,
table.lyrics tr td { border: none; padding: 10px 20px; }
table.lyrics tr td.trans { border-left: 1px solid #000; }
</style>
The TD element (table data) is what holds the text, so adjust the padding
on those elements. If just want the translation spacing to change:
<style>
table.lyrics,
table.lyrics tr,
table.lyrics tr td { border: none; }
table.lyrics tr td.trans { border-left: 1px solid #000; padding: 10px 20px;
}
</style>
On Friday, April 23, 2021 at 11:32:59 AM UTC-7 Xabriña wrote:
> I tried the following syntax without success:
>
> <style>
> table.lyrics,
> table.lyrics tr,
> table.lyrics tr td { border: none; }
> table.lyrics tr td.trans { border-left: 2px solid green; }
> padding: 10px 20px; }
> </style>
>
> El viernes, 23 de abril de 2021 a las 19:37:53 UTC+2, Xabriña escribió:
>
>> Thank you!!!
>>
>> It's what I was looking for. How could you make the two texts separate
>> from the center line?
>>
>> El viernes, 23 de abril de 2021 a las 18:25:50 UTC+2, Brian Radspinner
>> escribió:
>>
>>> You can start with this code to play around...
>>>
>>>
>>> <table class="lyrics">
>>> <tr>
>>> <td>
>>>
>>> Original lyrics go here…
>>> </td>
>>> <td class="trans">
>>>
>>> Translation goes here…
>>> </td>
>>> </tr>
>>> </table>
>>>
>>> <style>
>>> table.lyrics,
>>> table.lyrics tr,
>>> table.lyrics tr td { border: none; }
>>> table.lyrics tr td.trans { border-left: 1px solid #000; }
>>> </style>
>>>
>>> On Friday, April 23, 2021 at 9:00:38 AM UTC-7 Xabriña wrote:
>>>
>>>> Hello everybody.
>>>>
>>>> I am trying to create a tiddler to put in a table, of two columns and a
>>>> cell, lyrics of songs together with their translation.
>>>> I would like to do it with no cell borders except the center line
>>>> between the two columns. I've been looking at the code to make an Eric
>>>> Shulman borderless table that appears in Mohammad's TW-Scripts but I don't
>>>> know how it could be modified to do what I need. Anyone know a way to do
>>>> it
>>>> ???
>>>>
>>>> Thanks in advance.
>>>>
>>>
--
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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/6cf897f3-1a82-4d82-b918-7629523ef3bfn%40googlegroups.com.
