HTML - Why Isnt My Menu Loading In Ie8?
Help, im really stuck... Ive managed to compose a cool HTML5 menu, that works beautifully in Chrome and Safari.
It falls back nicely in IE9 and FF.... but IE8 .... clueless.. 2 problems: 1 -> Menu doesnt load correctly (see screenshot below) 2 -> The text div is being faded along with the background.... (see screenshot below) Both errors only take place in IE8.. Could someone point me in the right direction? Very, merry, much obliged. Thanks! source: X screenshot IE8: http://img442.imageshack.us/img442/1842/tancr.png Similar TutorialsHTML Code: <html> <head> <title> My First Script </title> <style type="text/css"> .highlight { color: red } </style> <script type="text/JavaScript"> function showBrowserType() { document.getElementById("readout").innerHtml = "your browser says it is: " + "<span class='highlight'>" + navigator.userAgent + "</span>.hr />"; } window.onloadd = showBrowserType; </script> </head> <body> <h1> Let's Script. . . </h1> <hr> <h1> Let's Script. . . </h1> <hr /> <div id="readout"></div> </body> </html> Hi, I want to load a window with loading image on a button click. The new window is having an other content so before loading the actual content i want to disapear the loading image from the new window. I tried with html like <html> <img src=".." /> --------------------- Actual content " display:none " ----------------------- <script> actual contentid.display:block; img.display:none; </script> </html> But in this method am seing the image after some time lanching the window. i want to c the image right after launcing the window till my actual content loads. can anybody suggest something for this,..... NEW PROBLEM: Look down at last post. A link at the top of my site is bieng bumped down a line for no reason. Why, and how do i fix it? (Note: It only happens in IE, not FireFox, or Opera) Well, heres the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Lithium Games Home</title> <meta http-equiv="Games and Applications" content="text/html; charset=iso-8859-1"> <style type="text/css"> * { margin:0; padding:0; } body { BACKGROUND-IMAGE: url(http://img410.imageshack.us/img410/1112/backwh0.jpg) } #container img { display:block; border:0; margin:auto; clear:both; } #logo { padding-bottom:5px; padding-top:3px; } #nav { width:194px; height:32px; margin:4px auto; list-style-type:none; } #nav li { margin:0 2px; float:left; display:inline; } #nav img { float:left; } #footer { position:absolute; width:100%; bottom:0; text-align:center; } </style> </head> <body> <div id="container"> <CENTER> <img id="logo" src="http://img136.imageshack.us/img136/9871/lglogoso1.gif" alt="Lithium Games Logo"> <img src="http://img165.imageshack.us/img165/8732/linesur6.gif" alt=""> <ul id="nav"> <p> <li><a href="http://lithium-games.com/"><img src="http://img165.imageshack.us/img165/9886/homebuttonjd7.gif" alt="Lithium Games Home"></a></li> <li><a href="/Games/sixteen.html"><img src="http://img165.imageshack.us/img165/3537/gamesbuttonkh2.gif" alt="Download Games"></a></li> <li><a href="http://imageshack.us"><img src="http://img136.imageshack.us/img136/9639/appsbuttonuv9.gif" alt="Download Applications"></a></li> </ul> <img src="http://img165.imageshack.us/img165/8732/linesur6.gif" alt=""> </div> </p> </CENTER> </div> <br /> <p style="text-align: center;"> <FONT SIZE=5 COLOR="white"><u> Lithium Games</u> </FONT SIZE></p> <br /> <p style="text-align: center;"> <FONT SIZE=3 COLOR="white"> Lithium Games is a small, yet growing software development company. <br /> We mainly focus on producing games, but we make various computer applications as well. <br /> We strive to provide nothing but the utmost quality in our programs. <br /> <img src="http://img165.imageshack.us/img165/8732/linesur6.gif" alt=""> </FONT SIZE></p> <br /> <p style="text-align: center;"> <FONT SIZE=5 COLOR="white"><u> Lithium News:</u> </FONT SIZE></p> <div id="footer"> ©Lithium Games, 2008 All Rights Reserved</div> </body> </html> I''m trying to center the main title of the page: Combative Conditioning $50 per month http://lmiinc.com/combat_conditioning.html It seems to be off to the right a lot... But I have it text-align: center; Any ideas? Thanks. This banner was working normally at one point, showing up & linking to the proper website when you clicked on it. But now it doesnt show up on regular computers & only on mobile phones from time to time? <A href="http://www.myspace.com/PunkRockPrincess.com"><IMG src=]http://i634.photobucket.com/albums/uu61/PunkRockPrincesscom/prp_glow_light.jpg" style="visibility: visible ! important; display: block ! important;"/></A><BR/> Can anyone see why its not working properly? I'm stuck. Thanks. http://www.heresmary.com I just finished uploading my site, and I noticed that when I click on a link the page loads then loads again a split second after. Does this happen to anyone else? If so can anyone give me any advice about it? Could anyone tell me how I get around my code not being strict when I use flash on my site? I've got this site www.livingwordchurch.org.uk/new.html and it's not strict for several reason but many of them being the flash file inserted in the header. How can I deal with this? Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same. the address is www.themonsterbox.com thanks in advance for any help. Here's a newbee question and you are probably gonna laught, but there it is: I have two pages saved in the same directory. One is index.html and the other trial.html. They are linked together. Both load the general.css file correctly when I double click on them from the directory they are saved. But when I go from one to another clicking on the link only the content loads and no css rules are applied. What am I doing wrong? How should I code for the css rules to load? Any help will be immensely appreciated I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hi Everyone, I am working on a website and I am having problems with some of my pages loading. I thought it might have been an error in the html code. I rechecked & found no errors. I even moved the pages around. I moved the ones that were working, into the slot of the page that would not load. It loaded fine. When I click the page in the file. It displays properly at the top and everything. But when I try to access it from another page, it will not load. I get a white page that says this page can't be displayed. Here is the area I am having problems with. <a href="smg.htm">Suicide Memorial Garden</a><br /> <a href="inmg.htm">Infant Memorial Garden</a><br /> <a href="mmg.htm">Military Memorial Garden</a><br /> <a href="pubserv.htm">Public Service Memorial Garden</a><br /> <a href="pmg.htm">Pet's Memory Garden</a><br /> The first and 4th pages are the only ones that work. Any advice would be greatly appreciated. john721 Hi all, I have a flash object that will sometimes not load in IE. However, if you refresh the page, the movie loads just fine.. It's only on the first entrance to the page. My code is: <center> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="290" height="176" id="image-zoomer" align="center"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="image-zoomer.swf?path=zoom/" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="bgcolor" value="#ffffff" /> <embed src="image-zoomer.swf?path=zoom/" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="290" height="176" name="test" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></center> Any suggestions for me? The site is at http://showball.com Thanks David Im doing a website and have some videos up. I want to be able to have pictures of all the available videos and when the user clicks one of them I want that video to load right next to all the pictures. I remember Google videos had something like this, when you clicked the video you wanted it loaded the video in that page without getting rid of the pictures of all the videos, but they don't have that option anymore. This is the website im doing. http://eyeamchito.fileave.com/videos.html Thanks in advance if I got you confused let me know. Hey all, having a little problem getting Internet Explorer to display a page. Works fine in Firefox and all subsequent pages work just fine. It even downloads the source and everything. just doesn't display it. The page is: http://www.emmafarquharson.com/index.html Thanks, Rich Go to: http://jmillerteam.com/complete2.html So my client says that sometimes when he loads this page the pics on it aren't loading. He even sent me a screenshot. I have no clue why most of the time they load and sometimes they don't. I can't reproduce the problem. If anyone goes to the page do the pics not load (the first time) for you? Hi there, i am very very new to this website building thing. I am starting a website for my new business, it was all going well until i uploaded the website, and when i went to look at it, at the very bottom of the page it said i need to update my flash. I did and it is still saying that. I have tried from 10 different computers and still have the same problem. Am i doing something wrong with the files or something? Please help. I am also using A4Desk Website builder. here is the web address: http://uniqueplanners.netne.net/ Thanks for your time. I'm pretty new to all of this and need some help trying to load a swf file in a container. What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have. Also I appreciate any and all help, thank you. <style type="text/css"> img { border: 0px } #container { text-align: center; border: 0px; margin: 0 auto; padding: 0px } #leftcol img { } #rightcol img { } </style> <td width="80" height="421"> </td> <td width="673"><div align="center"><img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /></div> </div></td> <td width="71"> </td> <td width="318" valign="middle"><div id="leftcol"> <div class="root" id="root0"> <div class="scrollContainer" id="scroll0Container"> <div class="scrollContent" id="scroll0Content"> <p> <a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"><img src="images/Asylum_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"><img src="images/Asylum_1_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"> <img src="images/Asylum_2_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"><img src="images/Asylum_3_thumbnail.jpg" /></a> </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"><img src="images/kerryn_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"><img src="images/kerryn_6_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"> <img src="images/kerryn_7_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"><img src="images/kerryn_8_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_9_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_movie_thumbnail_2.jpg" /></a> (this is where I want to add it) </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"><img src="images/f_h_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"><img src="images/f_h_6_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"><img src="images/f_h_7_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"><img src="images/f_h_8_thumbnail.jpg" /></a> </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"><img src="images/football_1_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"><img src="images/football_2_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"><img src="images/football_3_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"><img src="images/football_4_thumbnail.jpg" /></a> </p> <p> </p> </div> </div> </div> </div> I hope I'm posting in the right section. Again thank you for any help. My index.html file is like this (www.omegaintertrade.ro) Quote: <html> <head> <title>Omega Intertrade Test Site</title> <link rel='stylesheet' rev='stylesheet' href='global.css'type='text/css' media='screen' charset='utf-8' /> </head> <body> <div id='wrapper'> <div id='wrapper2'> <div id='header'><img src="logo.jpg" height = 120 border="0" hspace="25" > </div> <div id='leftcolumn'> <ul> <li><a href="index.html">Home</a></li> <li><a href="mb.htm">About Me</a></li> <li><a href="mb.htm">Products </a></li> <li><a href="mb.htm">Contact</a></li> </ul> </div> <div id='rightcolumn'><div class= "bheader">This column is intentionally blank!</div> </div> <div id='bodytext'> <div class= "bheader">Home</div> Main text area <br> stay with omega to see the further developments</div> <div id='footer'>Footer</div> </div> </div> <body> </html> As you may see it is consist of header footer and 3 columns in the middle. While visitors navigate through menus only bodytext content will change. For example after registering the site, a small message will appear like 'thank you for registering' on bodytext. How should i place that message in the page(on "bodycontent")? Should i create another html document exact like index.html except changing the content of the "bodycontent" section. This idiot solution comes to my mind Is there another short and easy solution? Had an idea for a web page I've been working on, but not sure how to do it. The page is divided into three frame columns. Left, skinny frame shows a file with all my buttons. Clicking on any of those buttons loads a file into the large center frame, displaying a large picture. What I'd like to do is to make that button simultaneously load a second file into the frame on the right, showing text describing the image in the center. Unfortunately I don't know how to make my button do two things instead of just one. Can HTML do that, or do I need scripting for stuff like that? Okay, so here's my site, a Duke3D map review site: http://msdn.planetduke.gamespy.com/indexmain.shtml As you can see, it has frames (ooh, the horror!). The problem I have (or have had for a long time but have been too lazy to do anything about it) is that at times I'd like to post links to specific map reviews but linking to separate shtml files means that you won't get the top and left frames. So, is there some code I can write in, for example, this page so that whenever you access that subpage, it loads the frames around it as well? |