Forum:Reference numbers bad for the layout

Hello, for my Wikia I make a lot of use of ref & /ref. The numbers that replace them however, create an extra space between the line of the ref and the line above it. Have a look here to see what I mean.

Is there any way to fix this? I noticed Wikipedia itself doesn't have this problem. --Zantam03 15:54, May 21, 2010 (UTC)


 * Has it been fixed as it looks 'normal' to me just now. I had problems with some templates caing a line jump after an inline template and it was due to an error i had made modifing one of the sub templates. I had inseted some comment text in the templae which caused a 'invisible' space to force new line to be generated when the code was processed. - BulldozerD11 16:32, May 21, 2010 (UTC)


 * No it hasn't been fixed and it doesn't look normal to me. Maybe it depends on the browser? I use Google Chrome --Zantam03 16:42, May 21, 2010 (UTC)


 * Have a look at this:[[file:Example ref.jpg|100px]] If you count the red pixels you'll see the difference. --Zantam03 16:48, May 21, 2010 (UTC)


 * Apologies Zamtam I misunderstood what you were saying. I thought it was forcing a new line which was a problem i experienced with a different template. I Can not say I have noticed a 1 pixel diff on my wiki between line spacings. I use the Refs template quite abit. I'm on firefox. The gap may be sightly less on wikipedia above the [1] but without getting a screen shot & zooming in cannot tell. - BulldozerD11 19:11, May 21, 2010 (UTC)


 * I'm sure it's easy to fix using CSS.
 * Try with the "line-height: xx px;" style. — TulipVorlax 00:15, May 22, 2010 (UTC)


 * Many browsers automatically allocate more height to lines that contain superscript or subscript characters. References are superscript, so the line has slightly increased height. —Lowellian (reply) 01:26, May 22, 2010 (UTC)


 * One way to try to make the spacing more consistent is to make the superscript  text smaller, thus shifting the line spacing less.
 * Here are two examples below, one with the normal  and the other with a   around the  :

Blah blah blah blah blah blah blah blah blah blah blah blah blah.Blah blah blah blah blah blah blah blah blah blah blah blah blah. Blah blah blah blah blah blah blah blah blah blah blah blah blah.

Blah blah blah blah blah blah blah blah blah blah blah blah blah.Blah blah blah blah blah blah blah blah blah blah blah blah blah. Blah blah blah blah blah blah blah blah blah blah blah blah blah.

in your Common.css or Monaco.css, but I'm not sure if that will work. -- Fandyllic  (talk &middot; contr) 3:46 PM PST 26 May 2010
 * won't work, but  should :) -- Porter21 (talk) 07:06, May 27, 2010 (UTC)


 * Oh yeah, I should have looked at the class used in the HTML generated for . --  Fandyllic  (talk &middot; contr) 2:34 PM PST 27 May 2010


 * Thanks guys for the replies. That looks nice indeed, but for some reason I can't get it to work. I copied the  to Monaco.css but I see no change... The idea of using span works well though, but also takes a lot of time (I use ref a lot) --- Zantam03 ( Talk ) 16:13, June 4, 2010 (UTC)


 * It could be the cache, in which case you just have to wait. Or it could be that it is being overriden by other CSS, in which case you need to use .  16:36, June 4, 2010 (UTC)


 * Thanks. At first I added it to Monaco, but nothing happened, not even after a couple of hours. Then I added it to Common and it worked straight away --- Zantam03 ( Talk ) 21:59, June 4, 2010 (UTC)

Well it works, as in; the reference numbers are a lot smaller now, but the gap is still there -- Zantam03 ( Talk ) 19:19, June 6, 2010 (UTC)


 * Can you give a link to an article where you still see the gap? I looked at w:c:thethreekingdoms:The Liang Province Rebellion and it looked fine to me. -- Fandyllic  (talk &middot; contr) 4:55 PM PST 6 Jun 2010


 * Well any article still has the gap. Also Liang Province. It's still the same size as before. When I use span though, it's gone. -- Zantam03 ( Talk ) 08:58, June 7, 2010 (UTC)


 * You could try the following (instead of the previous CSS):
 * -- Porter21 (talk) 14:30, June 7, 2010 (UTC)
 * -- Porter21 (talk) 14:30, June 7, 2010 (UTC)


 * That did it, thanks! It worked well, also while still have the other code in use. -- Zantam03 ( Talk ) 14:33, June 7, 2010 (UTC)


 * I'd also like the text in  to be a little smaller, 90% or something, how can this be done? -- Zantam03 ( Talk ) 14:38, June 7, 2010 (UTC)


 * Maybe ? — TulipVorlax 15:48, June 7, 2010 (UTC)
 * Maybe ? — TulipVorlax 15:48, June 7, 2010 (UTC)