G'day Danny,
Problem (discovered after previewing):
I tested all of the markup below in my scratchpad before composing this response.
All of it worked fine there and the dot points disappeared from the rendering;
however, the nodethreads ID has a problem here as you can see —
I don't know if that would also be a problem on the RAT page (and have no way to check it).
Anomaly (discovered after posting):
When previewing, the text <div id="nodethreads"> was rendered;
after posting, it's no longer rendered.
In both cases, it appears to make no difference to the visibility of the dot points.
Here's a very rough reproduction of the current markup:
<div id="nodethreads">
<h3><u>+/-</u><u>Section</u> <u>(Top)</u></h3>
<ul>
<li>
<u>Title</u> info<u>+/-</u> <u>author</u>
<ul>
<li>
<u>Re: Title</u> info<u>+/-</u> <u>author</u>
<ul>
<li>
<u>Re^2: Title</u> info<u>+/-</u> <u>author</u>
<ul>
<li>
<u>Re^3: Title</u> info <u>author</u>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
which renders like this:
+/-Section (Top)
-
Title info+/- author
-
Re: Title info+/- author
-
Re^2: Title info+/- author
As you can see, the header has the +/- link on the left while all the entries have that link on the right.
This is inconsistent and would be better, as you suggest, if these were moved to the right.
I'd make a few other changes:
-
Add whitespace around the +/- link.
-
Reduce the size of the +/- link.
-
Reduce the size of the (Top) link.
-
Indent leaf entries with CSS. I fudged it (for demo purposes) with a series of s.
Here's how the markup might now look. Again, a very rough reproduction.
<div id="nodethreads">
<h3><small><small><u>+/-</u></small></small> <u>Section</u> <small><sm
+all><u>(Top)</u></small></small></h3>
<ul>
<li>
<small><u>+/-</u></small> <u>Title</u> info <u>author</u>
<ul>
<li>
<small><u>+/-</u></small> <u>Re: Title</u> info <u>author</u>
<ul>
<li>
<small><u>+/-</u></small> <u>Re^2: Title</u> info <u>author</u>
<ul>
<li>
<small> </small> <u>Re^3: Title</u> info <u>aut
+hor</u>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
which renders like this:
+/- Section (Top)
-
+/- Title info author
-
+/- Re: Title info author
-
+/- Re^2: Title info author
It's extremely rare for me to collapse sections of RAT so I'm not particularly fussed if you do this or not;
it's just a suggestion.
I've fudged a few other things purely for demonstration purposes.
All of the <small> tags would probably be better handled with CSS.
I've simply used <u> tags to simulate links.
The RAT markup already has a nodethreads ID;
duplicate IDs are technically illegal in normal HTML, I don't know if that holds for PM-HTML.
|