Closed (cannot reproduce)
Project:
PNG Behave!
Version:
6.x-1.7
Component:
Code
Priority:
Normal
Category:
Bug report
Assigned:
Reporter:
Created:
9 Mar 2011 at 12:01 UTC
Updated:
8 Mar 2012 at 07:54 UTC
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.
| Comment | File | Size | Author |
|---|---|---|---|
| with_pngbehave.png | 14.42 KB | r.cahilig | |
| without_pngbehave.png | 14.14 KB | r.cahilig |
Comments
Comment #1
mrjeeves commentedI am not entirely sure what is causing the issue but can reproduce it and will add it to the bug list
Comment #2
mrjeeves commentedi 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.
Comment #3
mrjeeves commentedComment #4
mrjeeves commented