http://www.perlmonks.org?node_id=425843


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

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.

Replies are listed 'Best First'.
Re^5: Distribution of Levels and Writeups (sig)
by greenFox (Vicar) on Jan 28, 2005 at 03:27 UTC

    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.