Beefy Boxes and Bandwidth Generously Provided by pair Networks
No such thing as a small change

Re^4: Distribution of Levels and Writeups (sig)

by Aristotle (Chancellor)
on Jan 28, 2005 at 03:07 UTC ( #425843=note: print w/replies, xml ) Need Help??

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.

Log In?

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://425843]
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others having an uproarious good time at the Monastery: (4)
As of 2021-01-15 19:05 GMT
Find Nodes?
    Voting Booth?