I'm feeling dumb....I don't understand the instructions at /admin/settings/pngfix

I don't know what to enter to make this work. I tried just simply putting in ".pngfix" but it didn't do anything.

I've attached a screenshot here of the source code surrounding one of my images I am hoping this will fix.

The site I'm using it on that has this issue is at http://www.vibecomputing.com/

CommentFileSizeAuthor
Picture 1.png25.75 KBmdowsett

Comments

minus’s picture

minus commented

try to set the div that holds the block in the png-fix configuration, if the block that contains the png is within the left-sidebar, then put #left-sidebar (or what you have called it) in the png-configuration, remember the #

mdowsett’s picture

mdowsett commented

thx

so I added:
#user1, #user2, #user3, #header

Which are the different blocks I have PNGs in and it didn't help....was that the right thing to do?

neoliminal’s picture

neoliminal commented 
 <div class="content"><span class="inline inline-right"><a href="http://www.vibecomputing.com/tomtom/store"><img src="http://vibecomputing.com/files/images/TomTomBanner.png" alt="" title=""  class="image image-preview" width="230" height="35" /></a></span> 
<div class="image-clear"></div></div>

Your container is the 'a' tag. Add to your 'a' tag class 'pngfix' like so:

 <div class="content"><span class="inline inline-right"><a href="http://www.vibecomputing.com/tomtom/store" class="pngfix"><img src="http://vibecomputing.com/files/images/TomTomBanner.png" alt="" title=""  class="image image-preview" width="230" height="35" /></a></span> 
<div class="image-clear"></div></div>

Then put .pngfix in the field.

mdowsett’s picture

mdowsett commented

OK...I am following.

But I used Image Assist to add those logos into a block. the code img_assist generates is:

[img_assist|nid=390|title=|desc=|link=url|url=http://www.vibecomputing.com/xerox/store|align=center|width=640|height=193]

How would you add the class="pngfix" to it?

mdowsett’s picture

mdowsett commented

and/or should there be a fix so that all img_assist code snippets support this pngfix module

mdowsett’s picture

mdowsett commented

...and what about my site logo...I certainly can't insert a Only local images are allowed. tag for that...so how would I adjust the code (I assume in my theme?) to get the pngfix module to fix that up?

Many thanks for your help

neoliminal’s picture

neoliminal commented

Remember, the fix requires the parent to have the id or class to be entered, not the image tag itself. So in the case of Image Assist you need to put the id or class of the resulting displayed container. (The div the content will be displayed in... perhaps .content?... check the page where the image is displayed using firebug for the parent container.)

Do you have a page I can view? Perhaps I can view it for the parent container.