IE Annoyance.

[cwphotos]

So I just per chance happened to look at my site the other day in IE and noticed that the portions of my pic that are supposed to be transparent on my banner and homepage appear white. This looks horrible. Is there a fix for this ?

Thanks. :scratch

[Andy]

Is there a fix for this ?

Thanks. :scratch
Of course there is :D

I'll do it right now for you, on your site.

[cwphotos]

O.....k.....
was that sarcasm.... ? I cant tell at all. If you do manage to change it can you tell me how it was done for future reference?

[Andy]

All better now, IE6 looks great. IE6 can't handle transparent pngs without some special help:

I added the red. The yellow bit is just there so the code doesn't show as a dgrin smilie :D

.homepage #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url("http://cwphotos.smugmug.com/photos/128838623-O.png");
_background: none;
_filter:progid:*DXImageTransform.Microsoft.AlphaIm ageLoader (enabled=true, sizingmethod=scale, src='http://cwphotos.smugmug.com/photos/128838623-O.png');
height: 473px;
width: 600px;
}

[Andy]

O.....k.....
was that sarcasm.... ? I cant tell at all. If you do manage to change it can you tell me how it was done for future reference?
I was serious! I just did it :D

:wave

[cwphotos]

Awesome. Thanks Andy !!! :D
I'd buy you lunch but I think geography is going to be a problem.... :rofl

[gilbert]

I posted about this along with the other IE issues I was having...using parts of the SM pages to modify help pages within my site...

Can I put that directly into the html that has the PNGs?

I tried to figure out how to add it, but I can't...I can take out the PNGs and re-do them as text, but I'd like to know how to solve the problem if this code works...

Here's part of the html from a SM help page...How can I use the Alpha Image Loader in there? If someone can help me understand it, I can add it to the other codes that have PNG backgrounds showing in IE...

<img src="http://smugmug.com/img/spacer.gif" alt="To crop or not?" style="background: transparent url(http://smugmug.com/img/prints/crop-head_Black.png) repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" margin-top:="" 3px="" border="0" height="27" hspace="0" vspace="0" width="520">

[Andy]

I posted about this along with the other IE issues I was having...using parts of the SM pages to modify help pages within my site...

Can I put that directly into the html that has the PNGs?

I tried to figure out how to add it, but I can't...I can take out the PNGs and re-do them as text, but I'd like to know how to solve the problem if this code works...

Here's part of the html from a SM help page...How can I use the Alpha Image Loader in there? If someone can help me understand it, I can add it to the other codes that have PNG backgrounds showing in IE...

<img src="http://smugmug.com/img/spacer.gif" alt="To crop or not?" style="background: transparent url(http://smugmug.com/img/prints/crop-head_Black.png) repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" margin-top:="" 3px="" border="0" height="27" hspace="0" vspace="0" width="520">
sorry, we'll need much more information. And remember, our pngs on our pages are done differently than pngs you'd add yourself.

[gilbert]

sorry, we'll need much more information. And remember, our pngs on our pages are done differently than pngs you'd add yourself.


I am trying to create the help pages like: ordering prints, shipping charges, prints and gifts...On a bunch of them there are PNGs that show the gray background on IE...

Otherwise I have finally figured out how to use the code to re-create a similar page with the main help info from SM within my site...

What else do you need? It is just copying the HTML and editing it...so the only code I have is the same as the SM pages...but I will be editing the text etc...taking out things that do not apply...

on this page:
http://www.smugmug.com/prints/cropping.mg
to crop or not? at the top is a PNG from SM...

what else do you need from me? can I use those PNGs or do I need to change them to text only in a div?

[Allen]

I am trying to create the help pages like: ordering prints, shipping charges, prints and gifts...On a bunch of them there are PNGs that show the gray background on IE...

Otherwise I have finally figured out how to use the code to re-create a similar page with the main help info from SM within my site...

What else do you need? It is just copying the HTML and editing it...so the only code I have is the same as the SM pages...but I will be editing the text etc...taking out things that do not apply...

on this page:
http://www.smugmug.com/prints/cropping.mg
to crop or not? at the top is a PNG from SM...

what else do you need from me? can I use those PNGs or do I need to change them to text only in a div?
Why use a gif? Just add your own text.

<div class="myCrop" style=" font-size: 2em;">To <span style="color: #8BCA1D;">crop</span> or not?</div>
<h3>Your photo may not fit the paper size you select.</h3>