Free style

April 4, 2008 7:05 AM

A CSS fix for the line-height issue with <sub> and <sup>, an example of which can be seen in this thread.

Notice how the ^* causes line-height issues?

Here's a simple solution:

sup, sub { line-height: 0; }

And here's a supporting link for reference purposes.

posted by furtive to Bugs at 7:05 AM (41 comments total)

Cakes they be grumblin'!
posted by furtive at 7:06 AM on April 4, 2008

As someone who obnoxiously footnotes shit on a regular basis, I am interested in these findings.
posted by cortex (staff) at 7:08 AM on April 4, 2008 [2 favorites]

Thanks, you can just drop us an email for CSS fixes.
posted by jessamyn (staff) at 7:09 AM on April 4, 2008

But while we're here, can we fix the margins on the blockquote tag too? There's always way too much space above/below.
posted by jessamyn (staff) at 7:09 AM on April 4, 2008

How would that affect this sort of thing?
posted by Plutor at 7:37 AM on April 4, 2008

I've noticed that as well, jessamyn. It's one of the chief reasons that I almost never use it, or if I do, I tend to reserve it for the last part of a comment so any additional text doesn't seem way out there on it's own.
posted by quin at 7:37 AM on April 4, 2008

As long as we're fixing CSS/tag wackiness, can we fix pre tags? <br>s shouldn't be added inside them.
posted by Plutor at 7:38 AM on April 4, 2008

line-height: 0 is a fragile solution. When subscripted text spans multiple lines, you get crap like this.
posted by breaks the guidelines? at 8:03 AM on April 4, 2008

As long as we're "fixing" things, I can't seem to get <IMG> to work.
posted by blue_beetle at 8:30 AM on April 4, 2008 [3 favorites]

blue_beetle: "As long as we're "fixing" things, I can't seem to get <IMG> to work."

Yeah. Please fix this.
posted by [@I][:+:][@I] at 8:50 AM on April 4, 2008

Jessamyn said:

But while we're here, can we fix the margins on the blockquote tag too? There's always way too much space above/below.

The trick is to not put anycarriage returns before and after the blockquote tag. Just put the surrounding text on the same line.
posted by smackfu at 8:50 AM on April 4, 2008 [1 favorite]

Can we fix code posting?
posted by Blazecock Pileon at 9:29 AM on April 4, 2008

I'd prefer we da vinci code posting.
posted by cortex (staff) at 9:39 AM on April 4, 2008

Is that where we copy someone else's code?
posted by Blazecock Pileon at 9:43 AM on April 4, 2008 [1 favorite]

And waste Audrey Tautou on the screen version, yes.
posted by cortex (staff) at 9:53 AM on April 4, 2008

It turns out in the end that she's actually RMS's sole descendant, and settles in with a rural community of Uzbekistani hackers to wait for the sequel.
posted by cortex (staff) at 9:54 AM on April 4, 2008 [1 favorite]

Multiple line spanning sub/superscript?

*shudders*
posted by furtive at 9:57 AM on April 4, 2008

Why can't I embed the youtube?
posted by Artw at 10:36 AM on April 4, 2008

You know, images.metafilter.com would be pretty damn cool if there were such a thing as enough server space (say a couple megs per user?) to allow img embedding without leaving the place open to cross-site issues. Anything not hosted at images.metafilter would just be stripped from the post.

Either that or we all just get really really good at ASCII goatse images.
posted by caution live frogs at 11:11 AM on April 4, 2008

As long as we're taking a step onto that slippery slope, let's take a flying leap and just go filepile.metafilter.com.
posted by Plutor at 11:35 AM on April 4, 2008

filewhat.metawhoozer.buh?
posted by cortex (staff) at 11:45 AM on April 4, 2008

Bless you.
posted by carsonb at 12:19 PM on April 4, 2008

or "You are soooOOO good looking!"
posted by carsonb at 12:19 PM on April 4, 2008

Well, if you want no margin on blockquote, CSS of

blockquote { margin-top: 0; margin-bottom: 0; }

will do. But you don’t really want that unless you know for sure that p has a margin-top, which I don’t feel like looking up. blockquote blockquote always needs specification.

I’m the person who asked for this a year and a half ago, only to be dismissed. But I (italics) ≠ blockquote. There is no reason not to enable good semantics in comments and posts.

There is a broad consensus that blockquote online should really be left-indented slightly with a rule down the left margin. I am under no illusions as to how this would go over with members.
posted by joeclark at 1:45 PM on April 4, 2008 [1 favorite]

I've always hated the left line. Also I beleive Slashdot does that, so therefore it is wrong.
posted by Artw at 1:52 PM on April 4, 2008

joeclark: "Well, if you want no margin on blockquote, CSS of [...] will do."

The problem isn't the margins. The problem is that MetaFilter (rightly) changes carriage returns into <br>s. So when you do this:¶
¶
<blockquote>¶
some text¶
</blockquote>¶
¶
Each of those little pilcrows becomes a <br>, which means there's two blank lines and the margin between your indented text.
posted by Plutor at 2:07 PM on April 4, 2008

pilcrow-biter
posted by cortex (staff) at 2:13 PM on April 4, 2008 [1 favorite]

Dirty pilcrows.
posted by mr_crash_davis at 2:29 PM on April 4, 2008

I don't suppose cheating and replacing <blockquote> with <div class=”yourBlockquoteStyle”> would be acceptable?
posted by Artw at 2:32 PM on April 4, 2008

FUCK NO! Get your ass back to semantic school!
posted by furtive at 3:09 PM on April 4, 2008 [1 favorite]

But it would work!
posted by Artw at 3:10 PM on April 4, 2008

Threaded discussions!
posted by Blazecock Pileon at 3:39 PM on April 4, 2008

MARQUEE tags!
posted by Artw at 3:44 PM on April 4, 2008

*turns green*
*gains body mass*
*smashes*
posted by cortex (staff) at 3:48 PM on April 4, 2008 [1 favorite]

While we're at it, can we *please* get support for very basic **online markup**? We do not need the whole shebang<http://en.wikipedia.org/wiki/Lightweight_markup_language>.

The three conventions I just used would do the trick quite perfectly.

Just. Three. Markups. P-p-p-p-p-please!!
posted by five fresh fish at 7:07 PM on April 4, 2008

>>But while we're here, can we fix the margins on the blockquote tag too? There's always way too much space above/below.

> The trick is to not put any carriage returns before and after the blockquote tag. Just put the surrounding text on the same line.

That is *such* a pain in the eyeball when trying to proofread one's message!

Amongst our markup conventions are such diverse elements as: italics, bold, URIs, and block quotes - Oh damn!
posted by five fresh fish at 7:11 PM on April 4, 2008

Goddamn! I forgot to doube the blockquote tag for the first quote. I hate writing my posts using HTML: it gets in the fucking way of what I want to say and do.
posted by five fresh fish at 7:13 PM on April 4, 2008

<pony id="pony" class="pony">Pony</pony>
posted by ardgedee at 8:06 PM on April 4, 2008

onclick="alert('neigh!')";
posted by Artw at 9:13 PM on April 4, 2008

<embed src="http://www.metafilter.com" type="snide/remark" wmode="snark" depth="0" value="0"></embed>
posted by blue_beetle at 6:51 AM on April 5, 2008

E*Ǝ
  ᵚ
posted by ryanrs at 10:49 AM on April 6, 2008