Talk:Mission: The New Link (original)

Iconlinks in the infobox
Are the iconlinks showing up as "nested" for anyone else? KarikaCommunicator 23:02, 2 April 2012 (UTC)


 * There's a bunch of them like that. Using Firefox 11.0 on Windows 7 just for reference.  I raised the issue on a talk page a few weeks ago but there was never any follow up.  It's probably one of the templates missing a trailing div or something like that.  --Drmike 23:05, 2 April 2012 (UTC)


 * They look fine to me, I'm using Chrome (Win7@home). &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 01:54, 3 April 2012 (UTC)


 * I did fiddle with it a bit to see if I could make it better but I just made it worse. I put it back.  I'll upload a screen cap in a second to show what we're seeing.  --Drmike 11:48, 3 April 2012 (UTC)


 * Picture. The weird thing is that this only shows up on like 1 out of every 3 of these missions.  Hope this helps. (edit: Dang.  MSPaint on windows 7 really compresses jpgs.  That picture looks so pixelated to me.)  --Drmike 11:53, 3 April 2012 (UTC)




 * I just checked in Firefox 11 (WinXP@work), and it still looks fine to me (icons in a straight vertical line). The only difference I see between Chrome and Firefox is that the bullets are visible in Firefox, but in Chrome the icons are shifted left so that they overlay the bullets.  &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 14:22, 3 April 2012 (UTC)


 * I see it now. You're using a different font somehow for the item names that is shorter than the default one (FuturaBody).  With the default font, when the item name wraps to a second line, the height of the text is taller than the icon, so no "nesting" occurs.  But with your font, even 2 lines of text is shorter than the icon, so that the positioning of the next icon is affected by the first one.  I figured this out by using Firebug to increase the width of the infobox to where the item name was on a single line.
 * {Coloricon} isn't broken, per se, but it does need to be updated to avoid this layout issue. I'll see what I can do.  &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 14:34, 3 April 2012 (UTC)


 * That was an easier fix than I thought. Just need to add a CSS rule, I'll poke Eyes (in the eyes! bahaha >.> ) about that.  &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 15:08, 3 April 2012 (UTC)
 * Never mind, of course it's not that easy - the fix I had would've made lists with short item names and without icons look odd (lots of whitespace between them). Ugh.  &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 15:31, 3 April 2012 (UTC)


 * Ugh, now I remember why I hate messing with layouts in CSS... it's a bloody pain in the ass. Anyway, I think I finally found a relatively simple solution, similar to the first one I'd thought of.  Just make each of the  's clear all floats .  I've posted the CSS to Eyes so he can put it in.  &mdash;Dr Ishmael User_Dr_ishmael_Diablo_the_chicken.gif 18:27, 3 April 2012 (UTC)