HTML - Png Trancparency In Ie6 - Hack Flashes White On Load
Hi
I have a website I'm working on that relies on transparent PNGs. The website is: http://www.percept.com.au/testing/planeteve/index1.html I have used the IE hack IE PNG Fix ( http://www.twinhelix.com/css/iepngfix/) which is working well, except it flashes a white background up while the transparency loads - which looks really ugly. It is really important I can fix this flash of white, so if anyone can help me, it would be greatly appreciated. Thanks in advanced. Edit/Delete Message Similar TutorialsHere's a site I did recently: http://www.siaacoustics.com I don't know why but when I'm loading the page there's lots of white flashes - in the main content window, you can see this black box only around the text before the rest of the window fills in. There are embedded Flash movies in the top, navigation + content frames - is this what's causing this white flash? Anyone have any ideas? FISHPAWS How to make a CSS hack for Internet Explorer 8? Thank you. Hey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page. Here's a link to the site(don't mind the simple, crappy layout) http://s2roots.com/random/done/ Please any help would be great, this is a project due by Wed. I'm developing a website at http://beta.ponderosatreeservice.com and use some background PNG's with transparency. I'm using a hack right now which allows an embedded image to display correctly but it doesn't work with background images. I've found a few hacks online which I haven't tried but I was wondering if there was any type of consensus here as too which hack is the best for background PNG images. I've seen it alot of places, though I cannot seem to get my hand on how it works (as I never think about checking the source when I DO see it!).. How can I get one <select> field option to control another? Like, say I have a list with: 1 2 3 4 and a list with: A B C D ..and when I select "3" in the first list, I want the second list to AUTOMATICLY change to "C". How do I accomplish this? Okay. I am sick of searching on google and w3c.org for solutions. I am asking anyone who is a pro at web developing to help me out! Problem I am using loadVars in Flash, from a *.html file. Mainly because the server does not support PHP and because in HTML I can have comments. I am spacing out the text like so, for readability: &variable1=value1 &variable2=value2 &variable3=value3 etc. when I do the line breaks, the HTML page automatically encodes whitespaces. I need an HTML tag or possibly CSS or Javascript that will get rid of all the whitespaces. Or if it is possible, as I was looking on w3c.org, there might be a text/content type or url-encode type that will do this, but haven't found one. If anyone has any ideas, I need them. Again, I am trying to remove all the whitespace in the ENTIRE page. For the life of me, I cannot get rid of the small white line on either side of the dark blue in the following: http://www.toddcary.com/test/viewpoi...ew_design.html Any suggestions are welcomed! Todd I'm working on an HTML page that is going to be an iFrame on another page. The innerHTML of the iFrame page is set to automatically refresh every 20 seconds. The problem is that when that page refreshes, it "flashes" a white background for about 2 seconds before loading the background and content. How can I prevent that from happening every time it refreshes? Here is the page that has the problem: http://www.mattscss.com/rtb/template Here is the page that has the above link as an iFrame: http://www.mattscss.com/wzmr/wzmr_wmp.htm I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months. See for yourselves: http://www.belekgolftravel.com/servi...eType=Services Working one http://www.belekgolftravel.com/advert_detail.php?ID=54 Buggered up one Any ideas help please! Is there a way to have 2 lines of text (one above the other) where each line is a different colour, but there's no break between the lines? I would prefer an answer that uses CSS. I'm not sure if this is more of a CSS or a HTML qustion I am building a interface for an on demand radio station (so just an FYI when you visit the link below the sound will start up) page in question: http://www.lcc.edu/radio/indexPlayer.aspx The problem that I'm having is that in IE 7/8 there is a strange and quite visible white border appearing around the iframe that is pulling in the radio player interface. This white border is not displaying in any other browser that I've tested thus far. Only IE Thank you for the assist. John I need help with this i think simple problem. I made my site wiseones.50webs.com and my content box is basically a big white image. I made a 442x1000 px image to serve as the content box. Now is there a way that i could keep the same content inside the box but make it scrolling so that when i run out of room on the main thing, it just scrolls down? Hello, Im working on making a template. You can see it at : http://test.tamarawobben.nl/test.html as you can see there is a white area between the header and the rest of the content. Can anyone tell me how i can rid of the white area. Regards, Roelof I have white space around my images with the grey border. I put in a picture that was larger than the previous cell size than removed it (the width and height code as well) but it still leaving the white space around the left and right sides of the images. http://www.diversink.com/publications.htm this is the page i'm working on Any ideas to why this is happening would be greatly appreciated Thank you, Rainseed Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hi All! I have a question about the (white) space above any text. I don't know if its possible or not but i hope yes... Please look at the attached picture. You can see the space between the text and the black border on the top... I tried padding, margin set to zero but nothing worked! Maybe its not possible to remove it? Thanks in advance! |