Consternation waves

[livius drusus]

You gais are smrt.

[Ymir's blood]

[ceptimus]

Originally Posted by JoeP

OK
cep, putting a {br} after the absolute divs is not reliable for larger smilies. But putting a {div position:relative height:nnn}{/div} - with a calculated height - is perfect.

The position of the waves, in your test examples, is still different for IE and Firefox. Safari looks similar to Firefox. I've not tested Chrome or Opera.

Because of all the browser incompatabilty headaches, I'm inclined to do some graphics processing on the smiley - so that a single .gif image results with the waves as part of the same image. The mirror code wouldn't need much tweaking to do that.

That way, any browser that can display gifs would show the waves in exactly the same position, relative to the smiley.

Do we think there will be a long-lasting requirement for the waves? It's not just a passing fad, I suppose?

[erimir]

It may be a passing fad.

show spoiler

.


(I'm so mature)

[JoeP]

Originally Posted by ceptimus

The position of the waves, in your test examples, is still different for IE and Firefox. Safari looks similar to Firefox. I've not tested Chrome or Opera.

oh right. I was not thinking about browser compatibility.

eta: if you're not signed in, you don't see the waves at all. Presumably guests can't access attachments. Presumably also a long-term solution would used a fixed image on the site, not an attachment.

Originally Posted by ceptimus

Do we think there will be a long-lasting requirement for the waves? It's not just a passing fad, I suppose?

Who can predict the fickle trends of fads? Some stay, some fade away.

[Crumb]

[JoeP]

---

---

[JoeP]

mmkay, looks the same in Firefox and Chrome

[JoeP]

If the enclosing relative div isn't high enough, both Firefox and Chrome clip the bottom of the smilie (when it's at the end of the post body)

[JoeP]

Also, it turns out it is impossible for lolhog to be consternated. He's just messing with us.

[livius drusus]

He never loses his cool, it's true.

[BrotherMan]

lolhog makes Vulcans look like hypersensative ladywomen.

[JoeP]

Ah. In IE7 the smilie is located at the correct x but maybe 10 pixels too high.

[BrotherMan]

Those things are all over the place in IE.

[JoeP]

[JoeP]

Maybe the vB smilie substitution applies differently.

[JoeP]

AHA. That looks the same in IE7, Firefox and Chrome.
And IE8.
And the built-in browser on android.
And Opera 11.

[JoeP]

Originally Posted by ceptimus

Because of all the browser incompatabilty headaches, I'm inclined to do some graphics processing on the smiley - so that a single .gif image results with the waves as part of the same image. The mirror code wouldn't need much tweaking to do that.

The conclusion of the subcommittee on image alignment using coloured boxes is that you don't need to do that. If you use a raw img tag, not inline smilietext substitution, all browsers seem to play nicely. (Opera and Safari still to be checked.) (I vaguely recall there is a known bug in IE to do with image vertically-centred alignment, which vB uses for substituted smilies.)

Retrieve the smilie and get its dimensions; calculate the top and left that's needed; also calculate the overall height. Then put it all in a
{div relative overall-height}{div absolute}{img waves}{/div}{div absolute top= left= }{img smilie}{/div}{/div}

[ceptimus]

I tried it in Safari, and it looked good in that too.

Now to commence with the necessary coding.

[JoeP]

[livius drusus]

cep, you are a genius. He gave me instructions so clear, so easy to follow that my cat was like "Damn, bitch, hurry up or I'll take care of it." Thank you, and thank you Joe for your brilliant input.

[S.Vashti]

http://www.peepresearch.org/nitrogen.html

[The Man]

[Crumb]

[LadyShea]

SO how do I do its?