It's really no different than it used to be, with the exception that there is a "|" in front of the first item. What you see as "not lining up" is just an artifact of browsers wrapping (breaking) lines on whitespace. The old version of the nodelet had exactly the same whitespace.

clearly I should have been thinking "aesthetically challenged"

I certainly won't argue with you on that point. :-)

Guess I will have to learn some CSS...

Please do, and when you've figured out the css to make this look "better", please let us know.

Hey, how hard would it be to generate a "first" and "last" class in the PM code so we can do things mentioned in CSS Design: Taming Lists? Search for "li.last:after". Then we could format these almost anyway we wanted to.

Update: For the above, in the HTML code you would do something like: <li class="last">list item here</li>

Leading space is due to the margin-left:3pt (and maybe the leading space in " | " -- didn't try since I switched to the CSS listed below).

Here's the CSS I'm using right now, which eliminates the leading "space" and places a comma and a space after each entry. If we had a "last" class as per above then we could eliminate the trailing comma. Would like to see a "first" class as well so that everyone can make their own CSS inline list code. Update: for example, enclose the list in brackets.

/* Override inline-list CSS */
li.inline,        .inline-list li { display: inline; margin-left: 0pt;
+ }
li.inline:before, .inline-list li:before  { content: ""    }
li.inline:after,  .inline-list li:after   { content: ","   }
ul.inline-list { display: inline; margin: 0; padding: 0; list-style: n
+one; }
[download]

Elda Taluta; Sarks Sark; Ark Arks

Why is there a space in front of the first "|"? Is that because there is one in front of all of the pipe characters? What I am seeing and what tye is seeing are very different. For tye the only "issue" is the space in front of the first pipe. If what tye is seeing is what it is supposed to be (minus the leading space) then I am perfectly fine with that look.

Could you give an example of what you see so we can compare? Tye seems to think mine is not displaying as intended and I'd like to verify that.

Also, you may have missed it, but I mentioned that in IE7 there are *no* pipe characters!

If I do figure some CSS code out I will post in some cryptic thread like most of the custom CSS here! ;-)

Elda Taluta; Sarks Sark; Ark Arks

But in your prior complaining you didn't even mention the first "|" not lining up. That is certainly undesirable. As for what you say you see:

 | My info | User | Display | Nodelet
| Timezone | Signature | Newest 
Nodes | RAT Style | Free Nodelet |
Personal Nodelet | Message | 
Pmdev | ignored users
[download]

There's no way I could see that in my browser. The closest my browser could come would be:

 | My info | User | Display | Nodelet
| Timezone | Signature | Newest
Nodes | RAT Style | Free Nodelet
| Personal Nodelet | Message
| Pmdev | ignored users

(because the "before" content is " |&nbsp;" not " |").

And the break in the middle of "Newest Nodes" is why I only advocate this style for tersely labeled links. The Settings Nodelet uses moderately terse labels but perhaps they aren't terse enough to qualify for this style of list. The labels could be made more terse, the style changed to "one link per line", or the deviations from extreme terseness could be worked around via s/ /&nbsp;/g. The last option might be the best.

FYI, what I currently see is:

| My info | User | Display
| Nodelet | Timezone
| Signature | Newest Nodes
| RAT Style | Free Nodelet
| Personal Nodelet | Message
| Pmdev | ignored users

(except for the bug of the extra space before the first "|") Which is less than 1/2 the vertical space of the non-terse style so I, FYI, personally prefer it that way.

Now, if you'd like to get off your visual design high horse and trade ranting for giving a useful bug report and maybe offer a little help, then somebody might be able to figure out why you are getting line breaks immediately after "|"s (probably resulting in prettier rendering for more than just you). Have you forced your browser to reload the site CSS recently? (I'm not convinced browsers are sane about how they decide that stuff needs to be reloaded, despite the plethora of overlapping standard features meant to address such things -- after doing some testing of many of them.)

I'd love for somebody to figure out where the extra leading space is coming from (or, second best, how to get that same leading space on each line). I choose to not do CSS except for myself (where I don't have to worry about bugs in other people's browsers) and then only rarely and rather minimally, so it won't be me.

Just FYI, I don't actually use the Settings Nodelet. In my Free Nodelet I have a span of links for settings that looks like:

... | me pad fn u s disp ndlt tz sig | ...

(The rest I access elsewhere or don't use.) I have the Settings Nodelet configured to display, but that's just so I know what it looks like for when helping others trying to use the site or to change the site.

The way things usually work on PerlMonks is if we do not like something we are encouraged to use JavaScript and/or CSS to change it (like we did in Nodelets on the left?). Given the above in combination with how things looked when the code was first pushed out (when almost every nodelet was affected), Nodelets' layout, and Site facelift? why would I ever think this is a bug?!? Next time, post what it is supposed to look like so we can tell if there is a bug vs. different standards in aesthetics.

Anyway...

Is that first space a bug? Or does the symbol/token indicating a linked list contain a leading and trailing space? That is: " | ".

Firefox is already set to load the page every time. How would I force the browser to load the latest site CSS? Or even verify that it did? Would Ctrl+F5 do the trick?

I was going to post the custom CSS and Javascript I am using, but I removed all of it and set the theme back to the default and the problem still exists! Even stranger, in IE7 the pipes are not even visible!

In my display settings, I have the following set:

• Render <spoiler> tags as: div
• Enforce proper nesting of HTML: Checked
• HTML error reporting during Preview: 4
• Code Wrap Length: 80
• Auto Code Wrapping: Checked
• Large Code Font: Checked
• Show a ID tags on notes?: Checked
Not sure what to look at after that.
Note: Using Firefox 3.6.12 with several extensions like Adblock, CS Lite, and NoScript (latter two are set to allow PM).

Update: BTW, what browser are you using?

Elda Taluta; Sarks Sark; Ark Arks