Show links to services like Digg etc..not working in IE

[hudson-valley-dad]

This plugin looks fine in Mozilla but in IE 6.0 and 7.0 the little icons for the social media sites are all different sizes instead of 18 X 18. Usually they are about 300 x 300 so they look pixelated and awful. If I refresh the page they go to the correct size.

I have tested this on several computers and see the same result. Please give me a site check: www.dougmotel.com/personalgrowthblog

Thanks
[/img]

[garvinhicking]

Hi!

This is a problem due to the 'browser compatibility' plugin which stretches PNG images without a width/height to random widths.

It can be fixed by the most recent plugin_findmore.tpl file for the plugin:

Code: Select all

<div class="serendipity_findmore">

<a href="http://del.icio.us/post?url={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at del.icio.us"><img width="18" height="18" src="{$entrydata.path}delicious.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at del.icio.us"/></a>

<a href="http://digg.com/submit?phase=2&url={$entrydata.url|escape:url}" title="Digg {$entrydata.title|escape} "><img src="{$entrydata.path}diggman.png" width="16" height="14" class="socialbkmark" alt="Digg {$entrydata.title|escape} "/></a>

<a href="http://www.bloglines.com/citations?url={$entrydata.url|escape:url}" title="Bloglines {$entrydata.title|escape} "><img src="{$entrydata.path}bloglines.png" width="18" height="18" class="socialbkmark" alt="Bloglines {$entrydata.title|escape} "/></a>

<a href="http://technorati.com/search/{$entrydata.url|escape:url}" title="Technorati {$entrydata.title|escape}"><img src="{$entrydata.path}technorati.png" width="18" height="18" class="socialbkmark" alt="Technorati {$entrydata.title|escape} "/></a>

<a href="http://cgi.fark.com/cgi/fark/edit.pl?new_url={$entrydata.url|escape:url}&new_comment={$entrydata.title|escape:url}&new_link_other=&linktype=Misc" title="Fark this: {$entrydata.title|escape} "><img width="15" height="18" src="{$entrydata.path}fark.png" class="socialbkmark" alt="Fark this: {$entrydata.title|escape} "/></a>

<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t={$entrydata.title|escape:url}&u={$entrydata.url|escape:url}" title="Bookmark {$entrydata.title|escape}  at YahooMyWeb"><img width="18" height="18" src="{$entrydata.path}yahoomyweb.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at YahooMyWeb"/></a>

<a href="http://www.furl.net/storeIt.jsp?t={$entrydata.title|escape:url}&u={$entrydata.url|escape:url}" title="Bookmark {$entrydata.title|escape}  at Furl.net"><img src="{$entrydata.path}furl.png" width="16" height="17" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at Furl.net"/></a>

<a href="http://reddit.com/submit?url={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at reddit.com"><img src="{$entrydata.path}reddit.png" width="18" height="18" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at reddit.com"/></a>

<a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url={$entrydata.url|escape:url}&Title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at blinklist.com"><img width="18" height="18" src="{$entrydata.path}blinklist.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at blinklist.com"/></a>

<a href="http://www.spurl.net/spurl.php?title={$entrydata.title|escape:url}&url={$entrydata.url|escape:url}" title="Bookmark {$entrydata.title|escape}  at Spurl.net"><img width="16" height="16" src="{$entrydata.path}spurl.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at Spurl.net"/></a>

<a href="http://www.newsvine.com/_tools/seed&save?u={$entrydata.url|escape:url}&h={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at NewsVine"><img width="16" height="16" src="{$entrydata.path}newsvine.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at NewsVine"/></a>

<a href="http://www.simpy.com/simpy/LinkAdd.do?href={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at Simpy.com"><img width="16" height="16" src="{$entrydata.path}simpy.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at Simpy.com"/></a>

<a href="http://blogmarks.net/my/new.php?mini=1&simple=1&url={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at blogmarks"><img width="16" height="16" src="{$entrydata.path}blogmarks.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at blogmarks"/></a>

<a href="http://wists.com/r.php?c=&r={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  with wists"><img width="16" height="16" src="{$entrydata.path}wists.png" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  with wists"/></a>

<a href="http://ma.gnolia.com/beta/bookmarklet/add?url={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}&description={$entrydata.title|escape:url}" title="Bookmark {$entrydata.title|escape}  at Ma.gnolia.com"><img src="{$entrydata.path}magnolia.png" width="16" height="16" class="socialbkmark" alt="Bookmark {$entrydata.title|escape}  at Ma.gnolia.com"/></a>

<a href="http://www.mister-wong.de/index.php?action=addurl&bm_url={$entrydata.url|escape:url}&bm_description={$entrydata.title|escape:url}" title="wong it! {$entrydata.title|escape}"><img width="18" height="18" src="{$entrydata.path}wong18.gif" alt="wong it!" class="socialbkmark" /></a>

<a href="http://www.addthis.com/bookmark.php?pub=&url={$entrydata.url|escape:url}&title={$entrydata.title|escape:url}" title="Bookmark using any bookmark manager! {$entrydata.title|escape}"><img src="{$entrydata.path}button0-bm.gif" alt="Bookmark using any bookmark manager!" width="83" height="16" class="socialbkmark" /></a>

</div>

Regards,
Garvin

[hudson-valley-dad]

Thanks. That did it but I think a much better solution is to turn those png files into gifs. IE is notorious for hating them.

[Brendon K]

At this point in time, I would disagree. IE7 supports alpha transparency in PNG files, so why should we, as designers/developers take two steps backward to support a piece of software that is outdated? Obviously, it depends on your audience and visitors for your personal website, but since there are solutions for its drawbacks we can use those "hacks" to solve the problem while waiting for better browser adoption rates.

That's just my opinion, though. ...and defended rather poorly too, I might add.

[DMotel]