http://qs321.pair.com?node_id=425842


in reply to Re^2: Distribution of Levels and Writeups (sig)
in thread Distribution of Levels and Writeups

Even if I customize my CSS to completely hide your signature

Here is the css-

div.pmsig-85580 { display: none; }

which I'm unlikely to do since I find completely hiding things from myself is a bad idea

I couldn't agree more but this node was just too much for me :) I'd have prefered to replace the signature with text that said "signature hidden" or somesuch but even if it is possible my CSS skills aren't up to the job. Is there some sane way to limit signatures at a site level?

--
Do not seek to follow in the footsteps of the wise. Seek what they sought. -Basho

Replies are listed 'Best First'.
Re^4: Distribution of Levels and Writeups (sig)
by Aristotle (Chancellor) on Jan 28, 2005 at 03:07 UTC

    I'm not sure if this works, but it should:

    div.pmsig-85580:before { display: block; text-align: right; color: #444; content: 'Signature hidden'; } div.pmsig-85580 { display: none; }

    Update: turns out it needs more tricks. The :before block is considered to be a child of the element it is attached to, so display:block, visibility:hidden or anything else applied to that element will also affect the :before block. So it requires a little cheating:

    div.pmsig-85580 { height: 1.5em; overflow: hidden; } div.pmsig-85580:before { content: 'Signature hidden'; color: #444; text-align: right; height: 1.5em; display: block; }

    Here the box is set to a fixed 1.5em height, all of which are then occupied by the :before block. The rest of the content would normally spill onto the elements following on the page, but is prevented from that by way of overflow:hidden — voilà.

    Makeshifts last the longest.

      Very nice thank-you :-) I started to reply to your original node with a quote from the W3C documents-

      The :before and :after pseudo-elements inherit any inheritable properties from the element in the document tree to which they are attached.

      Which you obviously worked out just as I did :)

      --
      Do not seek to follow in the footsteps of the wise. Seek what they sought. -Basho

        You could also do something like this:

        div.pmsig-85580 * { font-size: 1px }
        That way the text is still right there, and if you're curious, you can copy and paste it somewhere to read it.