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

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

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

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 at 7:09 AM on April 4

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

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

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

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

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 [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

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 [2 favorites]

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

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

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

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

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 at 9:54 AM on April 4 [1 favorite]

Multiple line spanning sub/superscript?

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

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

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

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

filewhat.metawhoozer.buh?
posted by cortex at 11:45 AM on April 4

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

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

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 [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

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

pilcrow-biter
posted by cortex at 2:13 PM on April 4 [1 favorite]

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

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

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

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

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

MARQUEE tags!
posted by Artw at 3:44 PM on April 4 [1 favorite]

*turns green*
*gains body mass*
*smashes*
posted by cortex at 3:48 PM on April 4 [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

>>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

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

<pony id="pony" class="pony">Pony</pony>
posted by ardgedee at 8:06 PM on April 4 [2 favorites]

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

<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

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