in reply to Re^4: Nodelets' layout
in thread Nodelets' layout

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.

What is the sound of Windows? Is it not the sound of a wall upon which people have smashed their heads... all the way through?

Replies are listed 'Best First'.
Re^6: Nodelets' layout
by Argel (Prior) on Dec 07, 2010 at 01:21 UTC
    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
[reply]
[d/l]
Re^6: Nodelets' layout
by Argel (Prior) on Dec 06, 2010 at 22:17 UTC
    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
[reply]

In Section Perl Monks Discussion