PNG fix for background images?

I am putting together an artsy-fartsy design with lots of
stylish wavy lines, fine gradients and dropdown shadow effects and
was wondering if there was a PNG fix for background images. Most
out there seem only to apply to images included in the html.
Otherwise I can use JPEGs with a bit of the background included
behind them (I hate doing this)...

Hi,
Hmmm. I think you have a great point there. In my opinion, I
think that there is no png fix for background images. Use jpegs
with background. I do the same.
Gaurav
www.gauravchandra.com

Similar Messages

PNG fix for PluginLab menus

I use the PluginLab menu extensions for DW, but have yet to
come across a reliable PNG fix. They claim they're working on one;
I have seen Bob Osola's and will try to get it to work in the
meantime...
http://homepage.ntlworld.com/bobosola/index.htm

Hi,
Hmmm. I think you have a great point there. In my opinion, I
think that there is no png fix for background images. Use jpegs
with background. I do the same.
Gaurav
www.gauravchandra.com

How to specify relative path for background image in xsl

Hi,
I am generating a PDF from Apcahe FOP. I have an xsl for that, in the xsl fo:block I am displaying a background image. When the image path is absolute like..C:\image\logo.png it works fine. But I want to have the image in my WebContent\images folder and my xsl file is in WebContent\xsls folder. So when I try giving the relative path as ../images/logo.png, the image is not displayed.
Can anyone tell how to do this???
Thanks,
Sanjeev.

I have a fo:block like this :
<fo:block border-style="solid" border-width="0.2pt" text-align="left"
                         background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
                         font-size="8pt" font-weight="bold" color="white" padding-top="1pt"
                         padding-bottom="1pt">
                         <xsl:value-of select="tr/td/span" />
                    </fo:block>In the above code you can see that the the background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
has been given as absolute. The images folder is in my WebContent directory. I want this path to be relative to the context of my application , something like background-image="url('../images/table_header_center.png')".
Thanks.
sanjeev.

Gif loader for background image

I simply want to run an animated gif while my background image loads for a slideshow.
I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
Can someone help me out to get this to work?
I have this slideshow:
http://www.piquecollaborative.com/fox.html
and want an animated gif to run during load of each page
gif is this:
http://www.piquecollaborative.com/images/loading.gif
here is my code for the page(s)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
<meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
<title>PIQUE: Fox House</title>
<style type="text/css">
.projectpage {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
body,td,th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
body {
    background-image: url(images/fox-01.jpg);
    background-repeat: no-repeat;
#title {
    position:absolute;
    width:350px;
    height:65px;
    z-index:1;
    left: 10px;
    top: 10px;
#apDiv1 {
    position:absolute;
    width:108px;
    height:161px;
    z-index:2;
    top: 3px;
    left: 8px;
#apDiv2 {
    position:absolute;
    width:237px;
    height:160px;
    z-index:3;
    left: 118px;
    top: 3px;
    text-align: right;
#text {
    position:absolute;
    width:351px;
    height:194px;
    z-index:4;
    left: 10px;
    top: 90px;
    background-image: url(images/fox-01.jpg);
#project-text {
    position:absolute;
    width:355px;
    height:300px;
    z-index:5;
    top: 288px;
    text-align: justify;
    left: 13px;
#right-arrow {
    position:absolute;
    width:90px;
    height:330px;
    z-index:6;
    left: 915px;
    top: 270px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
<div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
<div class="projectpage" id="text">
<div id="apDiv2">Fox House<br />
    central Oregon<br />
    single family residence<br />
    4175 sqft<br />
    2010<br />
    Timberline construction, Elemental engineering </div>
<div id="apDiv1">name:<br />
    location:<br />
    type:<br />
    size:<br />
    year:<br />
    collaborators: </div>
<img src="images/line-dot-small.png" width="361" height="5" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img src="images/line-dot-small.png" width="361" height="5" /> </div>
<div id="project-text">
<p> This home sits on a bluff overlooking rolling sagebrush meadows   in Oregon’s High Desert with views of the Cascade Mountains dominating    the western horizon. The owners, Matthew and Margherita Fox requested   an extremely durable and energy efficient home for their family. The   request for a net zero house necessitated extensive use of photovoltaic   panels, ground source heat-pumps, careful consideration of day   lighting and shading strategies, and a super-insulated structure. </p>
<p>Italian architect and childhood friend Maria Chiara Trevisan   created the original vision for the structure as a gift to the Foxes.    The three masses, originally conceived as parallelepipedo (rectangular   cubes) resting at various angles in the earth, evolved into three   shelled structures clad in stone, a loose reference to the Three   Sisters mountains which dominate the home’s view.</p>
<p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
</div>
<div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</body>
</html>
can anyone help me get a leg up on this? Sorry to be such a noob. This is not my trade and i have more respect for you all now than ever before! sorry again,

You might want to reconsider the use of absolutely positioned div's for layout purposes...
it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
Regarding your loading gif, try defining a container for the picture
and position your loading gif as a centered non-repeating background for container
and insert your image in the container.

CSS for background image not transfering from template to new page

I have a gradient .gif in my templates which suddenly no longer transfers from the template to a new page created from the template. Everything else about the template transfers. I'm using Dreamweaver CS5 on a Mac running OS 10.6. I've pasted the CSS from the template and the new page below. I've tried the usual voodoo--restart program, restart computer, repair permissions, delete preference file, delete personal configuration file.
CSS from Template:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
CSS from page created from Template looks to be the same, but is greyed out in the code, and the background-image entry is not present in the CSS styles inspector:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
Any suggestions greatly appreciated.

Unfortunately, I don't yet have a site where I can post the page. I'm new to this, and doing everything locally for now.
After careful rechecking, I found that the links for the template and the child were not the same, as you suspected. So I carefully changed the links to site root relative, which worked for the background CSS in my test image. I then did the same for all of the links to pages on my site, and checked that all were OK with Link Checker in DW. I guess that was a mistake, because now most of them don't work when tested in Firefox--I get the message File not found. Must be doing something wrong.

Dynamic URL for background-image

Hi,
When I use the following code, the image gets displayed correctly in the PDF-
      <fo:block border-style="solid" border-width="0.2pt"
               text-align="left" font-size="8pt"
               font-weight="bold" color="white" padding-top="1pt"
               padding-bottom="1pt"
                           background-image="url{'http://localhost:8080/project/images/table_header_center.png'}">
               <xsl:value-of select="tr/td/span" />
               </fo:block>but when I assign the path to a variable like the following-
<xsl:variable name="imgPath"
         select=" 'http://localhost:8080/project/images/table_header_center.png' " />and then use-
<fo:block border-style="solid" border-width="0.2pt"
               text-align="left" font-size="8pt"
               font-weight="bold" color="white" padding-top="1pt"
               padding-bottom="1pt"
                           background-image="url{$imgPath}">
               <xsl:value-of select="tr/td/span" />
               </fo:block>I dont get the image on the PDF. Am I missing something??
Thnxxx.
Sanjeev.

I resolved the issue by passing the context path to the xml.
Thnx for your concerns.

Safest CSS code for background image rotation?

I currently use 4 different images to do rounded corner captions, and it occurred to me that I could just be using one and rotate it, if such a thing is actually possible.
Is it?
The images are actually table cell backgrounds, so it would have to be for background rotation, and it would have to be compatible will all major browsers.

if such a thing is actually possible.
That would require working with CSS transform properties and since they just like the native rounded corner property are CSS3, which is not yet consistently working in all browsers, it is not safe. Of course one might also be able to use jQuery and such, but why complicate the source code? Stick with your images.
Mylenium

Fix page background image

Is there anyway of fixing a page background image where the page content is longer than the image? I want the content to scroll until the entire bg image is revealed, and then fix the image so that the rest of the text is displayed on top of it, rather than running off the bottom of it.
Please see http://www.empathydesign.co.uk/development/lucid/travel-detail.shtml, user name shannon, pw: ilkley57!
Thanks

Hi Shannon(?),
let us take a step back and reflect a little bit about your wish, because I'm not sure that it is a good solution on this page to accommodate as much text that the visitor has to scroll in this great measure.
And so MY recommendation is (please do not be angry, I want you to understand this as constructive criticism) that you limit the text onto the essentials and you better start a new additional page, where you can insert all the rest.
Hans-G.

Possible Fix for Disc Image Creation Problems

I've noticed a number of posts describing problems similar to the one I had: with my first session with iDVD5, I tried creating an .img disc image (thanks to Apple, btw, for building that function in -- and for the new progress bars!), but it hung up all night long on the "Burn" task, and I had to force quit, leaving me with no image at all.
I used disk image burning exclusively in iDVD4, because it allowed me to preview the result before committing it to a physical burn and prevented coaster-burning if something went wrong. I had had buffer problems when burning directly from iDVD -- but never with Disk Utility.
Of course, in iDVD4, you cannot just burn a disk image using the app. Most are aware that using "Hurz" and "Pfurz" (see posts under iDVD4) provided a great workaround, however, and that's what I used.
Well, it occurred to me that perhaps Hurz and Pfurz -- which basically interfered with iDVD4 to the user's advantage -- ought NOT to be in play with iDVD5. So I removed them from my user folder, et voila -- the very next time I tried the disk image function in iDVD5 (with the same project), it worked perfectly.
But I can only SUSPECT that this was the solution, unfortunately, because of the fact that an automated maintenance script had repaird my permissions in the meantime. The problem might have been permission troubles resulting from installation.
I do know this: removing Hurz and Pfurz and repairing the permissions worked for me. Hope it does for some others as well!

Thanks, Len. I kind of wish Apple would make a bigger deal of this. Repairing permissions fixes ALL KINDS OF THINGS! And it is a VERY good idea to do it regularly.
Like you, I do it once a week, using a wonderful freeware utililty called Onyx (search MacWorld or Google for it), which has a number of advantages over Disk Utility.
In the first place, it will execute all the maintenance scripts as well. You might know that OSX has a number of scripts it runs in the background for maintenance, some daily, some weekly, and some monthly. But they are generally set to run late at night, which means you need to leave the computer ON and AWAKE. I don't do this as much as I should, so running Onyx ensures that these scripts get run. Since using Onyx, I have NEVER had a crash.
Secondly, I can schedule it to do all this automatically, which is great - because I'm getting old . . . and I forget things. . . .

Any new fixes for corrupt images in Lightroom 4.4?

I have seen many threads on this and tried a lot of the tings people say to try. But I do get corrupt images in Lightroom. I currently have an AMD FX-8150, 32GB ram, 2 SSD Raid0 + USB3.0 drives as backup.
Drive and Memory:
Note, I only keep up to the last 3 shoots on my SSD, the rest are stored on my USB3 drives. Any time I import files to the USB drive I get no corruption. Now that would imply that I have bad drives, I have run diskcheck and contacted Muskin and they had me run some disk checks, speed tests, +other things and identified that the drives are running fine with no issues and this has to be a software issue.
I have run memtest86+ with no errors, also ran memtest86+ with my memory in another machine with no errors.
To rule out the card reader:
When I just copy files from my CF Card to a folder using explorer all images import fine and you can even open every image in photoshop with no issues. As soon as you add those files already copied to the HD to lightroom, they start to corrupt. I just recently used the windows explorer method and added ~400 images to lightroom, all images imported fine, when I later accessed lightroom(Today), about 10% of those images are not corrupt.
Does anyone have any suggestions? Could it be because I use Raid0? Or even SSD drives?
This is quite annoying and I would like to get things fixed.

jproductions111 wrote:
Usually when Lr renames the photos as you saw kianjillwedding-19, Lr changed the name from IMG_1968. Thats may have something to do with the corruption.
I don't see how. Renaming shouldn't change anything on disk except, well, the name - and of course update a bunch of things in the catalog.
jproductions111 wrote:
I will get back to you if the problem continues but everything still seems to be fine in Lr5, even after letting Lr rename all the photos with my current(today's) import of 700 images.
OK - thanks.
jproductions111 wrote:
I know you don't believe its software
~impossible it's Lr4 software. Theoretically possible, but highly unlikely. As I said, Lr4 should never be rewriting those files, and therefore essentially can not corrupt them. I mean, its possible that it got it's brains scrambled, and went ahead and rewrote them, for god-knows why or just for the he|| of it - because some bits seemed to be set wrong..., thus invalidating the assumption that it's not rewriting them. It's just that this scenario is the least likely. I mean, Jeff Schewe has given me spankings more than once before, for even bringing it up, since it's so unlikely...
jproductions111 wrote:
maybe Lr 4 was causing some sort of bug to make the hardware malfunction
Although theoretically possible, I'd still venture to guess that's not what happened.
jproductions111 wrote:
this is not happening to my in Lr5.
Didn't you also change your disk drive situation around just before you started using Lr5?
jproductions111 wrote:
But I am keeping my fingers crossed.
Me too - please keep us posted...
R

What is the BUG FIX for automatic image crop done to all imported Raw files on the 5DIII? I need to be able to get back to the original size image without doing it manually thousands of times using the plug in, that's a huge waste of time.

all you can recommend is an unsupported plug in that forces me to reset each image manually? Can't images be altered in a batched way, or all at once, back to original without having to do them manually one at a time?!!! Time to change software? What is the official line on this problem please?

Images unexpectedly cropped
Yes, this is the official line and it is old news. It is either that or BREAK everyone else's images who shot a Canon 5D-MKIII and didn't crop in-camera.

What's the fix for "missing (image) files" that won't save?

I keep re-entering some images on my iWeb site & save them, only to find them "missing"????
Help! Thanks.
Sunny

How are you adding the images to iWeb - dragging them onto the page or onto a Photo template?
Where are they missing from - the published website? If so, try publishing to a local folder...
http://www.iwebformusicians.com/iWeb/Publish-Website.html
... and launch the site in the browser by double clicking the index.html file. Are the images still missing?

Background Image file for 7975

What are the file specifications for a custom background image on the Cisco 7975 Ip phone? I mean, the size, resolution, color depth and so on
Thank you in advance

The PNG files for background images must meet the following requirements for proper display on the Cisco Unified IP Phone:
â¢Full size image-320 pixels (width) X 212 pixels (height).
â¢Thumbnail image-80 pixels (width) X 53 pixels (height).
â¢Color palette-Includes up to 16-bit color (65535 colors). You can use more than 16-bit color, but the phone will reduce the color palette to 16-bit before displaying the image. For best results, reduce the color palette of an image to 16-bit when you create a PNG file.
http://www.cisco.com/en/US/docs/voice_ip_comm/cuipph/7975g/7_0/english/administration/guide/7975cst.html#wp1088046

Fx-background-image and rounded borders

Hi,
I am trying to use a simple image as background image for an HBox through repetition, but I have found a problem. The HBox has got rounded borders (using fx-background-radius) and when I set the background image with fx-background-image it does not fit the real borders of the HBox and it appears painted outside the limits.
The css code is the following:
-fx-background-radius: 0 0 30 30;
-fx-background-image:url('image1.png');
-fx-border-radius: 0 0 30 30;
-fx-border-width:0 2 2 2;
-fx-border-color:#D9D9D9 #D9D9D9 #D9D9D9 #D9D9D9;
-fx-effect: dropshadow( two-pass-box , rgba(0,0,0,0.35) , 20.13095238095238,0.5 , 0 , 18 ); Is this the expected behaviour? If a try it with background-color, it adjusts perfectly to the rounded borders. Should I set another property? (I have tried with fx-background-size and fx-background-repeat and fx-background-position but with no result)
Thanks in advance.
Regards.

This probably is expected behaviour.
The properties for background fills (color, insets, radius) donot work together with the properties for background images (image, position, repeat, size). They are separate and painted in separate passes in order, quote from the CSS doc below:
>
Each Region consists of several layers, painted from bottom to top, in this order:
background fills
background images
contents
border strokes
border images

75975 Background Image.

Hello,
We have recently installed CCM 6.1(1) with 7975 color phones. We are trying to display a custom image on the phones and are having no luck. Through the call manager OS Administration page I have uploaded the .png files for the image and the thumbnail to the tftp server. I also uploaded the List.xml file to the Desktops/320x212x16 directory. I have stopped and started the tftp service, dissabled and re-enabled the Caching of Constant and Bin Files at Startup and rebooted the server. When I try to select a new background image I get a "Selections Unavailable" message on the phone. Any help is appreciated.
Jason

Hi Jason,
I think you need Desktops/320x216x16 (note 216 not 212)
The List.xml file defines an XML object that contains a list of background images. The List.xml file is stored in the following subdirectory on the TFTP server:
/Desktops/320x216x16
List.xml Example
FTP:Desktops/320x216x16/TN-Fountain.png"
URL="TFTP:Desktops/320x216x16/Fountain.png"/>
FTP:Desktops/320x216x16/TN-FullMoon.png"
URL="TFTP:Desktops/320x216x16/FullMoon.png"/>
From this good 7975 doc;
http://www.cisco.com/en/US/docs/voice_ip_comm/cuipph/7975g/6_1/english/administration/guide/7975cst.html#wp1088046
Hope this helps!
Rob

PNG fix for background images?

Similar Messages

Maybe you are looking for