HTML - Strange Problem With Flash
This is a problem that is not really a problem. With one of my websites, the flash does not display properly when I view the site from a file on my computer. When I view the site online, everything is properly displayed.
When viewing the file (when I test the page with my CoffeeCup html editor) in the browser, flash items such as video players, news feeds, and audio players, show with the bottom and right hand portions clipped off. Again, when viewing the page on the web, everything is normal. I have coded the flash on this page the same way I have coded it on my other websites, and on the other sites there is no problem. I have gone over the stylesheet for the page and found no errors. I have been unable to find any html coding errors that might account for this. Anyone else ever run into this sort of thing? Similar TutorialsI am working on a new site layout, and for some reason in IE6/IE7 if you go directly to the webpage I am working on, it doesn't load correctly (won't load my background gradient, and doesn't format the site properly) when I try to reload the page, I get the same problem. if I go to any site (with css, without css, etc) and then go to my page it loads properly. the source code is the same when it loads properly and when it doesn't so I have absolutely no idea how to fix this problem. Regards, David King hi, I have a css popup window (a lightbox) for videos, opened by javascript. If I want to close it, I've to select the white overlay on the background. On Windows, everything works very well in Firefox, IE and Safari. On Mac, I can't use the flash player controls because when I click on it, the video is closed (I guess because the overlay is selected even if it is behind the video). Isn't strange ? thanks I designed a site using HTML and CSS. The site works fine on all browsers except on the client's pc. He has IE 7. When I try it on my computer using the same browser IE7 it works fine. I told him to try the site on FFox and it worked ok. He wants the site to run on his pc using IE. I tried asking him to clear all cookies... doenst work. Any ideas want can be the problem? THANKS! On another forum I posted this: Quote: Originally Posted by Originally Posted by Turbohog Well, my site: http://www.freewebs.com/turbohog/ only seems to work correctly in full window in firefox. If you make the window smaller words from one column will start going to other columns and stuff! And it flat out doesn't work in IE or Opera. I want the words to stay in their proper column when you change the window size, I know it's possible. Please help. Then someone replied: Quote: Originally Posted by Originally Posted by Someone When you float (read: align="left" etc) an element like a table to the left or right, it'll always be as far left as it can go in the constraints. In this case, the constraint is the actual window, meaning your left and right-floated tables are always going to be on the left and right of the window. Since you've created those two tables first, they take priority over the center table, causing your overlapping tables. "Fixing" it isn't all that difficult, and it involves creating an invisible frame around your three table layout to keep them organised. Take out the align="whatever" crap, and, around the three tables, make another table with no border which has a width of 100%. Make one row with three cells in this table, and put each of your column tables in them. Align one cell to the left, one to the center and one to the right, and you have your frame. Then I posted: Quote: Originally Posted by Originally Posted by Turbohog Thanks, but I think I messed up. How can I get it so all the tables are spread out like they are in full window in firefox and the middle is a bit messed up: Code:http://turbohog.wordpress.com/?p=9 Use http://www.freewebs.com/turbohog/ as a reference, I appreciate the help! And no one replied, I desperately need the help and it would be highly appreciated! Hello to everyone. I have very strange problem with html. This is the page link http://www.mrgole.net/Mobiflirt When you open the page the secound image field in main content is empty, but when you refresh and wait 1 sec, repeating this until the picture is showen. I really don't know whay this is happening. And I also noticed with firebug when picture is displayed html code is ok, but when the picture isn't the html code add ''href'' tags. Example: This is the right code when picture is dispayed: Quote: <div id="content_box"> <a href="#"> <div id="box_img"> </div> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> </a> </div> And this is the code when picture is not dispayed, and browser or somebody adds the new ''href'' tag. Quote: <div id="content_box"> <a href="#"> </a> <div id="box_img"> </div> <a href="#"> </a> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> <a href="#"> </a> </div> The problem only expose in Firefox. This is driving me nuts!! Is anyone able to see the difference in the logo postion on these two pages: http://www.i3design.com/ Compared with this page: http://www.i3design.com/services/index5.html Ive tried this on two computers, and two browsers (Chrome and firefox). These pages are 9px out on every computer I try. Ive totally stripped out the footer, extra css, javascript etc and it is STILL 9px out. Hello all! I created a form the other day with a few fields in it: [LINK REMOVED]. If I click the textarea (Agency Notice. section), the cursor keeps jumping up to the subject. What the heck is going on here? lol Thanks in advance! Hey guys I am creating this website http://www.upfrontdesigns.co.uk/build/services.html but when you click on the click here for more info click it more down to the correct section but the header disappears in firefox. Its ok in IE tho Any Ideas? Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>the-undefined.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function getURL(val){ base = 'http://www.the-undefined.net/index.php?id=ep'; location = base + val; return false; } </script> </head> <body bgcolor="#2A2A2A"> <table align="center" width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right" colspan="2"> <table width="450" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td> <td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td> <td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td> <td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td> <td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td> <td> </td> </tr></table> </td> </tr> <tr> <td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;"> <?php // checks if $z is defined if($id) { $x = basename($id); // Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php $id .= ".php"; // Checks if $z is in the current directory if (is_file("./$id")) { // Includes $z include($id); } else { // If $z is not in the current directory, an error comes out echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>"; } } else { // Include main.php if $z is not defined include("home.php"); } ?> </td> </tr> <tr> <td align="left"> <table width="170" border="0" cellspacing="5" cellpadding="0"><tr> <td> </td> <td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td> </tr></table> </td> <td align="right"> <table width="200" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td> <td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td> <td> </td> </tr></table> </td> </tr> </table> <center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center> </body> </html> And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! I have a a site that is builded with divs.Here is the structu Code: <div id="container"> <div id="header"> </div> <div id="slideShow"> </div> <div id="sideAdvs"> </div> <div id="articles"> </div> <div id="footer"> </div> </div> Although the footer in my code is inside the container div, on the browser arrives outside of it..I really don't know what to do and i'm a click away of ruinning my pc P At the right of this page I added a news scrolling in flash, when I open this website in Safari or Firefox there is NO PROBLEM! But when I open it in Internet Explorer I get a weird error "Bewerking Afgebroken" It is Dutch and don't know what it will mean in English, After I get this error the page stop loading and I only see the topbar of my website. HELP Website: http://liv9.net/television/index.php (the flash script is a rss flash script, so the news is from another website) Hello, I have flash website that I want it to be opened by html page. What I need to do if I have an html page that when I press on link on this page it will open my flash page on full screen (fit screen)? I have this website for example of my question: www.federicafontana.it Thanks to anyone that will help. Best regards, Fabio. Hello! This is the page I'm trying to embed Flash: JUZD at Holt Refrew page - not working but it's not working. Here's the JUZD at Holt Renfew Flash - working. What am I doing wrong? Please help. So I downloaded this http://www.flashmo.com/preview/flash...humbnail_stack flash template, and the URLs don't work. When I click on a picture, it's supposed to redirect me to a webpage, but when I do this nothing happens. I've tried this with several different flash templates from other websites but the same problem happens. Hello, I am having trouble placing my PNG file over my flash. I am using z index and absolute positioning but the PNG will not center itself on the webpage over the flash file. It ends up in a weird position above the flash. Thanks! Code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ss - [design, photo, art]</title> <meta name="description" content="ss - Los Angeles Graphic Designer, Photographer, and Artist" /> <meta name="keywords" content="graphics graphic design designer designs portfolio website los angeles california ca ss print photography photograph poster posters illustration illustrations catalogs catalog company branding logo logos stationery magazine editorial" /> <style type="text/css"> /*<![CDATA[*/ /* hide from ie on mac \*/ html { height: 100%; overflow: hidden; } #flashcontent { height: 100%; } /* end hide */ body { height: 100%; margin: 0; padding: 0; } div#frame{ /*placement*/ position:absolute; z-index:9999; } #flash{ position:absolute; z-index:1; } /*]]>*/ </style> <script src="Scripts/swfobject_modified.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-16886040-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <style type="text/css"> /*<![CDATA[*/ body { background-image: url(content/background.jpg); } /*]]>*/ </style> </head> <body> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"> <div id="frame"><img src="content/frame.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div> <div id="flash"></div> <table width="100" border="0" cellspacing="0" cellpadding="0"></table> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600"><param name="movie" value="ss3.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="ss.swf" width="800" height="600"><!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--></object> <!--<![endif]--></object></td> </tr> </table> <script type="text/javascript"> //<![CDATA[ swfobject.registerObject("FlashID"); //]]> </script> </body> </html> Hi! I have exported an flash movie to a html file. The file is located at http://magnetik.eu/files/ratas If move around the menu you will notice that is a line break at the top. Right between the flash file and the top of the browser. Any idea how can I get rid of it? Thank you aaaaaaaaaaaaaaaaaa Hello all, I just got a job working for a school and noticed their website was pretty much unorganized. So yesterday i took up dreamweaver and created this page(the rest of the site is pending acceptance/working of this main page): http://pratt.broward.edu/colejw/Attucks/ However, it did come with problems. In IE it displays fine, everything seems to work. But.. Firefox doesn't seem to like my menu bar and flash scroller combo. In firefox the flash scroller appears over the drop down menu, below is a picture of what i mean. Everything below the menu bar is in a table, so its not the table itself since the drop down appears over the pictures and other text. The only thing overriding it is the flash scroller. Anyone have any ideas? i played with Z-index and such but no luck and in one instance it moves everything from the menu down over to the right of the menu, i could also be placing the z-index's in the wrong place. If anyone has any fixes please let me know. Hey everyone, I'm having a problem with a Flash .swf file in my HTML page. If I input the code one way, it works in Firefox and not in IE. If I do it another way, it works in IE and not Firefox. The approach I was thinking of taking was using conditional statements in Javascript, however I'm having problems arranging the code to properly implement it. And believe me, I've reworked this file and I'm getting nothing that works on both at the same time. Suggestions for both methods would be great -- If you'd like me to post the code I could do so. Thank you! |