HTML - Img Text Doesnt Work In Explorer Help Please!
hi, I have built a web site but have had to change the way products will be viewed so I looked up the image text feature which was brilliant. it works fine in all browser except for
explorer. My code is below for people to view as I know that I have made a mistake but cant see where the problem is, I have highlighted the image text feature in red <HTML> <HEAD> <TITLE>DecTec - Suppliers of quality paint applicators</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <META NAME="keywords" CONTENT=" dectec, dec, tec, dec-tec, contractors, decorating, sundries, equipment, supplies, items, sales, seller,"> <META NAME="description" CONTENT="DecTec is a leading supplier of quality paint application and associated products to speacialist contractors and applicators of paints and coatings."> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <script src="js/dw_event.js" type="text/javascript"></script> <script src="js/dw_viewport.js" type="text/javascript"></script> <script src="js/dw_tooltip.js" type="text/javascript"></script> <script src="js/dw_tooltip_aux.js" type="text/javascript"></script> <script type="text/javascript"> dw_Tooltip.defaultProps = { wrapFn: dw_Tooltip.wrapImageOverText } dw_Tooltip.content_vars = { L1: { img: 'images/paste_table.jpg', txt: '', w: 100 // width }, L2: { img: 'images/pole_sander_head.jpg', txt: '', w: 100 }, L3: { img: 'images/ladder_rack_tites.jpg', txt: '', w: 100 } } </script> </HEAD> Similar Tutorialssorry i fixed the problem as soon as i posted so i deleted it im pat btw On one of my web pages im currently writing one Image wont show up and i have no idea why here is an extract of the code Quote: <table width='100%' border='0'> <td width='33.333%'></td> <td width='33.333%'> <img scr='http://chaos-realm.servegame.org/images/under-construction.gif' align='center' alt="Error... Unable to load Picture"> </td> <td width='33.333%'></td> </table> And it always shows the Alt text not the picture i have practically the same code in a different area Quote: <table width='100%' border='0'> <td width='33.333%'> </td> <td width='33.333%'> <img scr='http://chaos-realm.servegame.org/images/under-construction.gif' align='center' alt="Error... Unable to load Picture"> </td> <td width='33.333%'> </td> </table> And that one works, so im wondering why wont the first one work, ive tried it as a BMP and JPG image aswell. If you visit the website in the first code youll see the mage does exist Any Help would be amazning, Thanks in advance, Eldara Heej ppl. Ik maked a inlogpage with html with a kinda keylogger in it for testing, after i completed the Html document and opend from my documents the Keylogger works great! but if i am uploading the html code's on Freewebs.com i get this www.freewebs.com/iffsow he say's The Form is unoprational!. I dont understand it, its the same code. but he doesnt work? Maybe you could help me. cheers I have put this together but I don't know why it doesn't work. the link is: http://www.throughtheconcreterecords...tojournal.html if anyone could take a look at the page source, see what is there and what ISN'T showing up on the actual site and tell me why that would be so nice and awesome! anyone? -kevin throughtheconcrete@hotmail.com Anyone know what the problem is. My website works perfect in internet explorer. But when I type in the web address in safari, the page loads all the code, not the website. I'm guessing it has something to do with this code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Any suggestions? Is it this or something else maybe? Hi guys, As a person with VERY little HTML knowledge I getting very frustrated with a situation "I'm sure its a simple fix" that I hope you can help me with - there are 2 issues:- 1 - when you click on the Orange button on my website in IE the link doesnt work "it works when you right click - open link in a new tab" 2 - when you click on the Orange button on my website in Firefox - 2 tabs open instead of 1?? Any help would be very much appreciated - the link is http://www.twessential.com/newhome.html. If any files are need please let me know Many thanks hello I wanted to make a pop up window for a link: so i put this btw <head> and </head> Code: <script language="javascript" type="text/javascript"> <!-- var win=null; onerror = stopError; function stopError(){ return true; } function o1281309901(){ myleft=(screen.width)?(screen.width-874)/2:100;mytop=(screen.height)?(screen.height-622)/2:100; settings="width=874,height=622,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no"; win=window.open("http://www.christianwalser.com/videoplayer","",settings); win.focus(); } // --> </script> and then this btw <body> and </body> for the link to open the pop up: Code: <a href="javascript:o1281309901();">LINK It works fine with IE but not with other browser like Safari and FF: --> Its then resizable and the height and wheight arent correct anymore Thank you very much for your help Hi Guys, I have a problem where my dropdown menu is hidden behind a flash element. Google tells me this is common problem. If founds a few solutions that recommended adding <param name="wmode" value="opaque" /> or <param name="wmode" value="transparent" /> ...to my parameters. but this doesnt work. im using a super accessible type dropdown... the menu is essentially a list <li> with some JS behind it. Heres my link http://www.roxywebdesign.com/gateway/ Any suggestion are be welcome. If i cant get this fixed then my backup plan is the use JSCookMenu which apparently does work. But ive already completely chanded the code for my menu once and would like to avoid that this time. Thanks guys!! I'm an HTML novice in desperate need of an HTML expert. I paid a guy a lot of money to convert my website over from a Microsoft server to a Linux server and the results were mixed. The text links work in Internet Explorer but not in Firefox. http://www.colorado-carpet-masters.com/carpetcleaningBoulder.php I tried taking them out of a table with no luck. For some reason Firefox reads the links as regular HTML instead of a Hyperlink. Hello, I am starting up a webradio at the moment. There's only one problem. My radioplayer does work in firefox, but won't work in internet explorer. This is the player script: Code: <object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" name="player" width="215" height="45" standby="Loading" align="center"> <param name="URL" ref value="http://s2.myradiostream.com:988/"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="280309411"> <param name="defaultFrame" value> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value> <param name="volume" value="10"> <param name="mute" value="0"> <param name="uiMode" value="mini"> <param name="stretchToFit" value="0"> <param name="windowlessVideo" value="0"> <param name="enabled" value="-1"> <param name="enableContextMenu" value="-1"> <param name="fullScreen" value="0"> <param name="SAMIStyle" value> <param name="SAMILang" value> <param name="SAMIFilename" value> <param name="captioningID" value> <param name="enableErrorDialogs" value="0"> <param name="_cx" value="3969"> <param name="_cy" value="926"> <embed src="http://s2.myradiostream.com:9988/" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/" name="MediaPlayer" showControls="1" showDisplay="0" showStatusBar="0" width="195" height="35"></embed> </object> My wish is that the player works in internet explorer and firefox. Is there someone who can help? (sorry for my bad english, I'm dutch) www.allontheside.com The flash video works fine in safari, and firefox but internet explorer doesn't even recognize it as a flash file.. any1 have any suggestions? I have a horizontal bar image that has been sliced so it is an iframe. The iframe's source is links.htm (as the horizontal bar is a link bar) so that I can change my site's main links if I have to. Anyways, the problem is this, my link bar looks perfect in firefox but as soon as I view the site in explorer the text doesn't fit in the iframe and there are arrows as if you have to scroll down to view the text. Here is an image of what I mean: Let me know if I should add information. Hi, I've got a problem with a pre-existing webpage not operating correctly with Internet Explorer. The website is in development to be replaced, but until then I'm stuck keeping it updated and working. Normally I use Google Chrome or Mozilla Firefox for browsing, and didn't notice until today that the page doesn't load correctly with Internet Explorer. The website's basic structure is the header/navigation bar across the top, a left column navigation bar, and then the main/body column on the right. Website: www.hfhsouthcentral.net Issues in Internet Explorer (most likely all related): The site's homepage doesn't load correctly from the base url The links don't operate correctly-instead of opening in the current tab, they either open in a new window or new tab depending on browser default settings The "Home" link simply opens the main body frame for the site home page, as opposed to the complete home page I've tested and verified that the page works incorrectly with IE on different PCs, and displays correctly with other browsers on both PCs and a Mac. The links do work in the primary header/navigation frame as intended with other browsers, but visitors using Internet Explorer receive simply the header/navigation bar when going to the default site. Other things I've attempted to do to fix the issue Using IE's compatibility mode Lowering the security setting Making sure active X was allowed Running IE without any add-ons running Turning off my anti-virus, firewall... I've also flushed the cache and have been testing each change by reloading in IE9 (shift-F5) to verify the problem was still present, and tried running the index.htm file through validator and fixing what it returns as errors (having tested / fixed all of the errors that it returned failed to solve the issue). Tested OSes Windows 7 Home Premium x64 Windows 7 Professional x86 Mac OS X 10.6.3 32-bit Website works with: Google Chrome (12.0.742.122 on Win7 x86 & x64, and OS X) Google Chrome (13.0.782.107 beta-m on Win7 x64) Mozilla Firefox (5.0) (32-bit on Win7 x86, x64) Mozilla Firefox (3.6.18 on OS X) Opera (11.50) (32-bit on Win 7 x64) Safari (4.0.4) (32-bit on OS X) Seamonkey (2.2 on Win 7 x64) Maxthon 3 (3.1.3.2000 Final on Win 7 x64) edit: Seamonkey and Maxthon verified working, though really don't care about supporting them... Website doesn't work with: Internet Explorer 8 (8.0.7600.16385 64-bit on Win7 x64) Internet Explorer 8 (8.0.7600.16385 32-bit on Win7 x64) Internet Explorer 9 (9.0.8112.16421 on Win7 x86) Hi all! i have an annoying problem with a simple form, which accures only in explorer... the text fields respond to a click only at their very left end, or, if I give them a value, where the text actually show. How do I make it so that they will be "chosen" in response to a click anywhere within them? You can see a proto of the form at www.teleionholon.com/TH/form.html. This works great in Firefox, only explorer gives me a hard time! thank you so much! Shir Here is my code: <!-- DT Centrepiece - files/permissionchecker.asp Version 1.0 --> <!-- DT Centrepiece - Connections/CP3.asp Version 1.0 --> <!-- DT Centrepiece - files/site.asp Version 1.0 --> <!-- DT Centrepiece - files/pagepermissions.asp Version 1.0 --> <!-- DT Centrepiece - files/settings.asp Version 1.0 --> <!-- DT Centrepiece - files/customcode.asp Version 1.0 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- DT Centrepiece - index.asp Version 1.0 --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="favicon.ico" /> <title>DT Centrepiece 3 - Home Page</title> <link rel="stylesheet" href="design/style.css" type="text/css" /> <!-- DT Centrepiece - files/menuconstructor.asp Version 1.0 --> <script type="text/javascript"> <!-- var time = 3000; var numofitems = 2; //menu constructor function menu(allitems,thisitem,startstate){ callname= "gl"+thisitem; divname="subglobal"+thisitem; this.numberofmenuitems = allitems; this.caller = document.getElementById(callname); this.thediv = document.getElementById(divname); this.thediv.style.visibility = startstate; } //menu methods function ehandler(event,theobj){ for (var i=1; i<= theobj.numberofmenuitems; i++){ var shutdiv =eval( "menuitem"+i+".thediv"); shutdiv.style.visibility="hidden"; } theobj.thediv.style.visibility="visible"; } function closesubnav(event){ if ((event.clientY <48)||(event.clientY > 107)){ for (var i=1; i<= numofitems; i++){ var shutdiv =eval('menuitem'+i+'.thediv'); shutdiv.style.visibility='hidden'; } } } // --> </script> </head> <body onclick="closesubnav(event);"> <a name="top"></a> <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div> <div id="masthead"> <!-- DT Centrepiece - files/sitetitle.asp Version 1.0 --> <h1 id="siteName">DT Centrepiece 3</h1><!-- DT Centrepiece - files/utility.asp Version 1.0 --> <div id="utility"> <a style="text-decoration:none">Welcome, Administrator</a> | <a href="manage.asp">Manage</a> | <a href="myaccount.asp">My Account</a> | <a href="logout.asp?continue=/cp3/index.asp">Log out</a> </div><!-- DT Centrepiece - files/global.asp Version 1.0 --> <div id="globalNav"> <img alt="" src="design/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="design/glbnav_right.gif" height="32" width="4" id="gnr" /> <div id="globalLink"> <a href='category.asp?page=Home+Page' id='gl1' class='glink' onmouseover='ehandler(event,menuitem1);'>Home Page</a><a href='category.asp?page=Home+Page+2' id='gl2' class='glink' onmouseover='ehandler(event,menuitem2);'>Home Page 2</a> </div> <!--end globalLinks--> <form id="search" action="index.asp"> <input name="searchFor" type="text" size="10" /> <a href="index.asp">search</a> </form> </div> <div id='subglobal1' class='subglobalNav'> <a href='index.asp?page=Home+Page'>Home Page</a> </div><div id='subglobal2' class='subglobalNav'> <a href='index.asp?page=DT+Browser'>DT Browser</a> | <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div> <!-- end globalNav --> </div> </div> <!-- end masthead --> <div id="pagecell1"> <!--pagecell1--> <img alt="" src="design/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="design/tr_curve_white.gif" height="6" width="6" id="tr" /> <!-- DT Centrepiece - files/breadcrumb.asp Version 1.0 --> <div id="breadCrumb"> <a href='index.asp?page=Home+Page'>Home Page</a> / </div> <div id="pageName"> <h2>Home Page</h2> <img alt="small logo" src="images/icon.png" height="48" width="48"/> </div> <div id="pageNav"> <!-- DT Centrepiece - files/sectionlinks.asp Version 1.0 --> <div id="sectionLinks"> <a href='#InternetNZ+treads+softly+on+bank+code'>InternetNZ treads softly on bank code</a> <a href='#Story'>Story</a> <a href='#Capsule'>Capsule</a> <a href='#Capsule2'>Capsule2</a> </div><!-- DT Centrepiece - files/relatedpages.asp Version 1.0 --> <div class="relatedPages"> <p><strong>Related Pages:</strong></p> <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div><!-- DT Centrepiece - files/customad.asp Version 1.0 --> <div id="relatedPages" class="relatedPages"> <!--Insert your custom website ad here. This ad will show under the related links. If you don't want to put an ad on your site, then simply delete the contents of this file. If you need this file back at any time, you can download it from our website. --> </div> </div> <div id="content"> <!-- DT Centrepiece - files/feature.asp Version 1.0 --> <div class='feature'><a name='InternetNZ+treads+softly+on+bank+code'></a><p><a href='deletecontent.asp?id=16&page='><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=16&page='><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www.stuff.co.nz/4153156a28.html' target='_blank'><img src='http://www.fnbholdrege.com/media/Online1.jpg' alt='' width='280' height='200' border='0' /><h3>InternetNZ treads softly on bank code</a></h3><p><p> In a move that is likely to disappoint consumer advocates, InternetNZ has proposed only minor changes to a controversial banking code of practice that came into effect a month ago that could leave consumers footing the bill for Internet fraud. <br /><br /> The changes proposed by the non-profit society would mean that consumers could still be held liable for losses for Internet fraud, up to the value of any money in their account or their overdraft limit, if they accessed Internet banking using a computer that was not up-to-date with "any recent major security upgrades or releases".</p> <h6>[Via <a href="http://www.stuff.co.nz/" target="_blank">Stuff.co.nz</a>].</h6></p></div><!-- DT Centrepiece - files/story.asp Version 1.0 --> <div class='story'><a name='Story'></a><p><a href='deletecontent.asp?id=2'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=2'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www4.webng.com/dtapplications/' target='_blank'><h3>Story</h3></a></h3><p>This is the new DT Centrepiece 3. This is a story.</p></div><!-- DT Centrepiece - files/capsule.asp Version 1.0 --> <div class='story'><table width='80%' cellpadding='0' cellspacing='0' summary='' align='center'><tr valign='top'><td class='storyLeft'><a name='Capsule'></a><p><a href='deletecontent.asp?id=4'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=4'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='http://www4.webng.com/dtapplications/' target='_blank'>Capsule</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td><td><a name='Capsule2'></a><p><a href='deletecontent.asp?id=5'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=5'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='#'>Capsule2</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td></tr></tr></table></div> <p style="font-size: x-small" align="right"><a href="#top">Top</a></p> </div> <!--end content --> <!-- DT Centrepiece - files/siteinfo.asp Version 1.0 --> <div id="siteInfo"> <img src="images/icon.png" width="20" height="20" /> <a href='siteinfo.asp?page=About+Us'>About Us</a> | <a href='siteinfo.asp?page=Site+Map'>Site Map</a> | <a href='siteinfo.asp?page=Privacy+Policy'>Privacy Policy</a> | <a href='siteinfo.asp?page=Contact+Us'>Contact Us</a> | ©2007 DT Services </div> </div> <!--end pagecell1--> <br /> <!-- DT Centrepiece - files/admin_page.asp Version 1.0 --> <div id="admin"> <a href="addcategory.asp"><img src="icons/add_16.png" border="0" alt="Add Category"></a> <p> </p> <a href="addpage.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Page"></a> <br /> <a href="deletepage.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete Page"></a> <br /> <a href="editpage.asp?page=Home+Page"><img src="icons/documents_16.png" border="0" alt="Edit Page"></a> <br /><br /><br /> <a href="addcontent.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Content"></a> <br /> <a href="deleteallcontent.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete All Content"></a> <br /> </div> <!-- DT Centrepiece - files/menuend.asp Version 1.0 --> <script type="text/javascript"> <!-- var menuitem1 = new menu(2,1,"hidden");var menuitem2 = new menu(2,2,"hidden"); // --> </script> </body> </html> For some odd reason, it shows this in Firefox and this in Internet Explorer... Any help? Cheers Why Does Alt Text in the html img Tag Not Work in Firefox? It works well in IE but not in Firefox. Anyone knows why? Thanks in advance. I am very new to programming and untrained, so I used a sample I found to create expandable/collapsible text. It works in IE, but not Firefox. Here is the link to a simplified version, which expands when you click on it in IE, but does nothing in Firefox. http://www.projusticemn.org/library/attachment.193408 Any help is greatly appreciated! Hi, I was hoping someone could work out why when i assign text-align:right to a col element it doesn't align all the text in that column to the right. I've called the column col1, and in the css have put col1 { text-align:right }. Any ideas why this doesn't work? The text-align:right does work if put it straight into all of the td's within that column. Thanks, Matthew Millar Here is a (very trimmed-down) version of my site: http://www.nceccec.com/en_us/css_test.html At least in IE6 and IE7, the top field does not display the specified left margin, while the bottom one correctly shows the left margin. There is only one difference between these two fields: the CSS property width is set on the first field, while no width is set on the second field. Here is all the code for this page in case someone wants to view it he HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Title</title> <style rel="stylesheet" type="text/css"> .fielditself { font-weight : normal; display : block; margin-left : 5%; } </style> <body> <table style="width : 100%;"> <tr> <td> <form method="post" action="check_order.php"> <div><div>Year</div><div class="fielditself"><input style="width : 9ex;" type="text" name="year" /></div></div> <div><div>Make</div><div class="fielditself"><input type="text" name="make" /></div></div> </form> </td> </tr> </table> </body> </html> Thanks for any guidance! Jason http://www.ofm07.com/clubpages/2/index.html why dont my iframes reach the top of the frame help please, thanks |