CSS Humor
UNINTENTIONAL HUMOR is often the funniest. I’m co-presenting with Eric Meyer at the always-fabulous UI Conference (celebrating its 10th year!) and Eric, describing positioning, inadvertently said: “Here’s how we relatively position an elephant”
Now, Eric’s known for his oft subtle humor, but this was more a we-just-finished-lunch-so-we-all-need-a-nap situation. It came flying out of his mouth, no humor intended, instead of the word element.
Oh, it was a funny moment, and I’m compelled to share it with everyone! But, I’m left wondering: Just how does one relatively position an elephant?
.elephant {
position: relative;
}
mammal.elephant {
position: relative;
bottom: 0; /* elephants are rather heavy. No need to try and lift him /
left: 50%; / wherever they are, they are in the middle of it /
display: block;
margin: 1000000em; / keep your distance /
color: #999999;
border: none; / ideally */
padding: 6000em;
}
var dumbos = getElephantsByTagName(’dumbo’);
for ( i=0;i <dumbos .length;i++ ) {
addEvent(dumbos[i],’mouseup’,moveDumbo,false);
}
margin: 0.2 miles;
cage {position: absolute; border:3in solid steel; margin: 120in; background-image: url(zoo.gif);}
elephant {position: relative; color:gray;}
poop {display:none;}
elephant+elephant {
font-weight: lighter;
voice-family: male;
/* he ain’t heavy, he’s my brother */
}
Tracked from http://www.molly.com/2005/10/12/relatively-positioning-an-elephant
