Beefy Boxes and Bandwidth Generously Provided by pair Networks
Your skill will accomplish
what the force of many cannot
 
PerlMonks  

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.


Comment on Re^4: Distribution of Levels and Writeups (sig)
Select or Download Code
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?
Username:
Password:

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

How do I use this? | Other CB clients
Other Users?
Others pondering the Monastery: (15)
As of 2014-07-10 19:12 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    When choosing user names for websites, I prefer to use:








    Results (215 votes), past polls