How to remove blank line after

Giganews Newsgroups
Subject: How to remove blank line after <details><summary>
Posted by:  Robert Prins (robe…@prino.org)
Date: Tue, 4 Feb 2020

I've got a table, like

<pre>
+--------------------------------+
| Period up to 24 hour          |
+-------+--------+-------+-------+
| Elaps |    KM |  Time |    V= |
+-------+--------+-------+-------+
| 19:50 |  983.0 | 10:06 |  97.3 |
| 21:50 | 1233.6 | 11:42 | 105.4 |
| 22:12 | 1119.9 | 11:15 |  99.5 |
+-------+--------+-------+-------+</pre>

And it's not a html table, because it's created from an existing file using
"sed", so please don't tell me that it's not a "real" table.

As it turns out, some of the data was wrong, I want to display the correct data,
but use <details><summary> to enable viewing the erroneous data. To that effect
I modified the source to

<pre>
+--------------------------------+
| Period up to 24 hour          |
+-------+--------+-------+-------+
| Elaps |    KM |  Time |    V= |
+-------+--------+-------+-------+
| 19:50 |  983.0 | 10:06 |  97.3 |
<details><summary>| 21:50 | 1233.6 | 11:42 | 105.4 | *</summary>| 21:50 | 1233.6
| 11:42 | 105.4 |</details>
| 22:12 | 1119.9 | 11:15 |  99.5 |
+-------+--------+-------+-------+</pre>

And added the following to the CSS,

details > summary {
  list-style: none;
}

To get rid of the little arrow. Expecting to see

+--------------------------------+
| Period up to 24 hour          |
+-------+--------+-------+-------+
| Elaps |    KM |  Time |    V= |
+-------+--------+-------+-------+
| 19:50 |  983.0 | 10:06 |  97.3 |
| 21:50 | 1233.6 | 11:42 | 105.4 | *
| 22:12 | 1119.9 | 11:15 |  99.5 |
+-------+--------+-------+-------+

I ended up with

+--------------------------------+
| Period up to 24 hour          |
+-------+--------+-------+-------+
| Elaps |    KM |  Time |    V= |
+-------+--------+-------+-------+
| 19:50 |  983.0 | 10:06 |  97.3 |
| 21:50 | 1233.6 | 11:42 | 105.4 | *

| 22:12 | 1119.9 | 11:15 |  99.5 |
+-------+--------+-------+-------+

So, hoping to get rid of the blank line, I added:

details {
  padding: 0;
  margin: 0;
}

summary {
  padding: 0;
  margin: 0;
}

to the CSS. Result? Still a blank line.

What am I doing wrong? Or is there no way of getting rid of the blank line?

Thanks

Robert--
Robert AH Prins
robert(a)prino(d)org
The hitchhiking grandfather - https://prino.neocities.org/indez.html
Some REXX code for use on z/OS - https://prino.neocities.org/zOS/zOS-Tools.html

Replies