I've just checked out the update in IE9 and Firefox 8.0.1 - It still looks odd in Firefox and way better in IE9 but seems like that if you have tabs without icons next to a tab with an icon it make the iconless tabs "jump" 1 or 2 pixels.
Also...what is the reason that you scale the icons to have a height of 16pixels? Why not just make sure that the icons can maximum have a height of 16 pixels by using max-height?
If I make the icon less than 16px to make up for the 2 pixel difference of other tabs, it will loose quality. I could increase the other tab heights to match.
I don't use max-height because it has issues in IE8 (http://reference.sitepoint.com/css/max-height)
Problem when using with IE8
Hi,
I have installed the package Tab Icons 2.0 onto Umbraco 4.6.1.
Works fine in Chrome and Firefox but when using IE8 the tabs with icons attached are not visible in the Content Section.
If I select the "Hide Name" option the tab with the icon appears okay. Just can't have both Name and Icon showing in IE8.
Any help or advise much appreciated.
Cheers, Stewart
Sorry for the late response... I'll check the issue and try to get an update online soon.
Hi Daniel
I've just checked out the update in IE9 and Firefox 8.0.1 - It still looks odd in Firefox and way better in IE9 but seems like that if you have tabs without icons next to a tab with an icon it make the iconless tabs "jump" 1 or 2 pixels.
Also...what is the reason that you scale the icons to have a height of 16pixels? Why not just make sure that the icons can maximum have a height of 16 pixels by using max-height?
/Jan
I noticed that..
If I make the icon less than 16px to make up for the 2 pixel difference of other tabs, it will loose quality.
I could increase the other tab heights to match.
I don't use max-height because it has issues in IE8 (http://reference.sitepoint.com/css/max-height)
is working on a reply...