User talk:Aichon: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
Line 101: Line 101:


So anyway assuming the template does actually work, I defer to your opinion on the inline issue. {{User:The_Rooster/Sig}} 14:25, 30 August 2010 (BST)
So anyway assuming the template does actually work, I defer to your opinion on the inline issue. {{User:The_Rooster/Sig}} 14:25, 30 August 2010 (BST)
:I like it! That actually solves the main problem we had with IE8. That said, as you pointed out, it does come with a few drawbacks, one of which you already noted:
:#IE7 doesn't handle inline-block properly, so images each get their own line, making it unsuitable for signatures.
:#The changes to font-size produced two effects:
:#*It adds an image-spanning onmouseover link underline through the middle of the image in Chrome and Safari.
:#*In IE7, some images (taller than line-height?) get a good chunk of the bottom cut off, seemingly due to being pushed down by some invisible text.
:As I had mentioned before, I had some ideas regarding getting this to not break in IE7, but I hadn't looked into it much. I finally went ahead and looked into it some more today, and what it basically boils down to is that we can use various CSS hacks to specifically target IE7 with certain attributes, making it finally not break there. Coupled with what you came up with for IE8, we can combine these various methods to get something that doesn't break in IE7, and works perfectly in IE8, Firefox, Chrome, and Safari.
:To get it to work, I located some inline-block tricks that fool IE7 into allowing us to display it inline and added them into your code. As a nice bonus, they also provide a little extra backwards compatibility with older versions of FF. I was then able to take some of those tricks, which relied somewhat on CSS hacks, and was able to produce some other CSS that specifically targets IE6 and 7 (by putting "*" before the attribute's name) or IE6, 7, and 8 (by putting "\9" after the end of the attribute itself). By using those, I could then make CSS that would apply one attribute to FF/Saf/Chr and another to the various IE versions.
:Anyway, long story short, thanks to what you figured out, it all works now. Check out the final result of your efforts and mine [[User:Aichon/Sandbox/Templates11|here]], and if you want to see it put up against a test suite, you can check [http://wiki.urbandead.com/index.php?title=User:Aichon/Sandbox/Demo7&diff=1734964&oldid=1734960 here]. Near as I can tell, it now works flawlessly in IE8, Chrome, Safari, and Firefox with no drawbacks, and has no drawbacks in IE7, though it adds nothing either. I haven't tested IE6, but IE6 is only used by something like 4% of the world now, so I'm not gonna sweat over it, and the IE7 changes I made should have only helped the IE6 situation anyway. I think we finally have a finished solution with no major compromises. If you agree, and find nothing that I messed up when working with your code, I think we're good to go. {{User:Aichon/Signature}} 01:20, 31 August 2010 (BST)


== thankx ==
== thankx ==

Revision as of 00:20, 31 August 2010

Aichon:Talk
Aichon
ˈīˌkän :Talk