SoulSe Posted July 8, 2003 Report Share Posted July 8, 2003 I am posting this under 'Everything Linux' because it is another example of M$ combatting the open source. I have just spent a few hours making graphics for my new website using the Gimp (of course) and I made use of transparent backgrounds. Now in Mozilla, my site looks hot. But when people using Internet Explorer open it up, most of the graphics have lost their transparency and it looks horrible. A little bit of googling came up with the answer that IE does not properly support the png format and nobody could come up with a better answer why, other then a blatant stab at the open source from M$. Now, I know that there are licensing issues with the .gif format, this is one of the reasons why I prefer png, but it is not a big one. I use png because I find the compression and the texturing of my images to be better. Does anybody have a suggestion for a quick fix to my graphics? I want to keep them as png, so don't suggest saving them as gifs. I am also aware of the fact that there is a registry patch for winblows which fixes the problem, but since I have no control over the computers of people browsing my page, it does not help. EDIT: Also, why if I use .css to centre the contents of a <td>, they are perfectly centered in Mozilla, but off centre in IE? Quote Link to comment Share on other sites More sharing options...
Darkelve Posted July 8, 2003 Report Share Posted July 8, 2003 Hey, Perhaps you'd like to take a look at the following article. http://www.alistapart.com/stories/pngopacity/ * Note to Edit: CSS support isn't 100% conform across all browsers. Browser makers are allowed to interpret a rule in different ways. Apart from this, there are also bugs and CSS rules not supported in the 4+ browsers. Darkelve Quote Link to comment Share on other sites More sharing options...
aRTee Posted July 8, 2003 Report Share Posted July 8, 2003 The same happened to me, see here: http://karely.emmanuel.free.fr Have a look with IE too,... out of protest I made the extra pages to get people to use something other than IE. Note that IE for Mac works fine! So yes, they have crippled .png transparency on purpose, since Unisys is a good friend of MS and owns the gif patent, which currently is the only transparency capable image format. But gif is only 256 colors... :( So that's what you get if you allow a company to be a monopolist... Sorry, I don't know what to do about it... I just caved and converted to gif.. Quote Link to comment Share on other sites More sharing options...
paul Posted July 8, 2003 Report Share Posted July 8, 2003 got php? <? // usage: // put_png("path/to/my_transparent.png", width, height); function put_png($path2img, $width, $height) { global $HTTP_USER_AGENT; $suffix = "px"; // this is for style size ... example 10px if (ereg("MSIE", $HTTP_USER_AGENT) && ereg("Windows", $HTTP_USER_AGENT) && !ereg("Opera", $HTTP_USER_AGENT)) { echo"<div id="stoopid_MS" style="position:relative; height:$height$suffix; width:$width$suffix; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$path2img',sizingMethod='scale');"></div>"; } else { echo"<img src="$path2img" width="$width" height="$height">"; } } ?> Quote Link to comment Share on other sites More sharing options...
SoulSe Posted July 8, 2003 Author Report Share Posted July 8, 2003 Gif is not only 256 color, but it also only supports transparency as a colour, meaning that on a textured background such as mine, it is useless. Darkelve's article is great, thank you. It explains it all neatly and provides a few solutions, like loading a filter into IE via some code on your page. The problem is that I use mouse over effects with java to spruce up the page and it is going to be one long mission getting that to co-operate with the filter. Especially for someone who can only code html! This is really pissing me off, I spent SO long on my graphics. I swear I'm just going to implement that code that crashes IE and just optimise my page for Mozilla. Problem is that of the 1200+ people that have used my page in the two months it was up, everyone used IE except three people. In case you are wondering about the page I am referring to, you can get an idea of it here: www.tuksfm.co.za/x/index.php - that is where I experiment, so don't expect to see anything except half a front page... Quote Link to comment Share on other sites More sharing options...
SoulSe Posted July 8, 2003 Author Report Share Posted July 8, 2003 Paul to the rescue! I was typing that last reply while you were posting. That looks great, but what about rollovers? I have two images, and on mouseover it changes to da other one - was using java to do it.... never thought of using php and don't have the know how. Quote Link to comment Share on other sites More sharing options...
paul Posted July 8, 2003 Report Share Posted July 8, 2003 function over_image(parm_name) { document[parm_name].src = eval(parm_name + "_on.src"); document[parm_name].className="stoopid_ms2"; } function off_image(parm_name) { document[parm_name].src = eval(parm_name + "_off.src"); document[parm_name].className="stoopid_ms1"; } <a href="index.php" onmouseover="over_image('img0');" onmouseout="off_image('img0')"><img src="images/home.png" border="0" name="img0" alt="Home" class="stoopid_MS1"></a> I guess with something like this you would need to write a stlye class for each mouseover effect :-( like img.img0-1 { } and img.img0-2 {} etc etc etc Quote Link to comment Share on other sites More sharing options...
SoulSe Posted July 8, 2003 Author Report Share Posted July 8, 2003 Thanks Paul! If you weren't on a different continent, you would be consuming beer tonight on me! My knowledge of PHP is still very limited, but I'm sure I will get it working. I'll let you all know how it goes. :wink: Quote Link to comment Share on other sites More sharing options...
paul Posted July 8, 2003 Report Share Posted July 8, 2003 send me a nice website template ;-) ... :-P the two I am working on are http://office.rentworld.co.nz http://loudas.com/golive/ Quote Link to comment Share on other sites More sharing options...
mtweidmann Posted July 8, 2003 Report Share Posted July 8, 2003 IE also handles GIF slightly differently to other browsers, so thats not a perfect solution either. Quote Link to comment Share on other sites More sharing options...
SoulSe Posted July 8, 2003 Author Report Share Posted July 8, 2003 Paul: Excuse my complete php-ignorance, but I'm presuming I would have to do that whole set for each image (there are four)? I'm going to try and get it working tonight and post results. Quote Link to comment Share on other sites More sharing options...
paul Posted July 8, 2003 Report Share Posted July 8, 2003 yup ... 'fraid so Quote Link to comment Share on other sites More sharing options...
MottS Posted July 8, 2003 Report Share Posted July 8, 2003 Same problem here. If one look my avatar in IE, the uptime does not shows up (just a black bar below tux). On any other browser, the uptime shows up #1 below tux. I hate IE! MottS Quote Link to comment Share on other sites More sharing options...
iphitus Posted July 8, 2003 Report Share Posted July 8, 2003 I hate IE! MottS YEAHHHH!!! That's the spirit!!!!!!! To relieve M$ related frustration try the following as root type urpmi xbill && xbill What level can you get up to? James _________________ Windows hasn't increased computer literacy. It's just lowered the standard. ..A Microsoft spokesperson said, "while fighting software piracy is good for our business, highway robbery is our business." Quote Link to comment Share on other sites More sharing options...
Glitz Posted July 9, 2003 Report Share Posted July 9, 2003 The LZW compression patent has expired and as far as I know UNISYS hasn't extended it. In other words, GIF is now public domain. Glitz. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.