Hi Guys, this module works great by fixing the transparency problem of my logo but I'm having issues in handling background images. It corrects the transparency problem but the position of the image has shifted behind the text.

html:

<ul class="features1">
<li class="features1"><span class="banner_price">FREE</span> Domain Name for Life</li>
<li class="features1"><span class="banner_price">FREE</span> Set-up/No Hidden Charges</li>
<li class="features1">No Overselling</li>
<li class="features1">Huge Disk Space and Traffic</li>
<li class="features1">30 Day Money Back Guarantee</li>
</ul>

css:

ul.features1 {
	float: left;
	font-size: 18px;
	font-family: tahoma;
	list-style: none outside none;
	margin: 5px 20px 0 5px;
	padding: 0;
}

li.features1 {
	background: transparent url(../contrib_images/check_green.png); 
	background-position: left center;
    	background-repeat: no-repeat;
	color: #cce8ff;
	padding-left: 30px;
	
}

Your help is highly appreciated. Thanks.

CommentFileSizeAuthor
with_pngbehave.png14.42 KBr.cahilig
without_pngbehave.png14.14 KBr.cahilig

Comments

mrjeeves’s picture

Assigned: Unassigned » mrjeeves
Category: support » bug

I am not entirely sure what is causing the issue but can reproduce it and will add it to the bug list

mrjeeves’s picture

i think png behave may be eating the padding, try setting the margin instead, if that works, i am currently looking over the latest Twin Helix script, it is reported to fix many of these issues, and i will be releasing a dev branch with the new script for testing.

mrjeeves’s picture

Status: Active » Postponed (maintainer needs more info)
mrjeeves’s picture

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)