|
HTML - Html Pop Ups Not Working In Safari
HI,
I am trying to fix a webpage ( http://www.d.umn.edu/itss/labs/maps/ ) which uses some pretty complex html (atleast for me) to show pop ups when you rollover the numbers on a map of the building. They work fine in IE and Fire Fox but dont work properly in Safari. Any ideas on why it acts funny in Safari? Here is the code used to show the pop up for one of the numbers on the map. <!-- BEGIN POPUP CODE _MWAH 177_ --> <div class="test-popup"> <div id="lab-title" class="pdiv"> <p class="ptitle">MWAH 177</p> </div> <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px"> <tr><td> <div id="lab-info" class="pdivnob"> <p class="pinfo"><img src="pcicon.jpg"><img src="bwprinticon.jpg"><span class="pinfot">TODAY'S HOURS:</span> 8:00am - 8:00pm</p> </div> </td></tr></table> <table class="pinner" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px; border-bottom: 1px solid black; border-top: 1px solid black" width="100%"> <tr> <td valign="top"> <div id="lab-info2" class="pdivnob"> <p class="pinfo"><span class="pinfot">CURRENT AVAILABILITY:</span></p> </div></td> <td valign="middle"> <img src="http://labstats.d.umn.edu:8080/PieChart?lab=6&title= " height="90" border="0" align="middle"> </td> </tr> <tr> <td colspan="2" align="center"> <img src="key.jpg"> </td> </tr> </table> <div id="lab-links" class="pdiv"> <p class="plinks"><span class="pinfot"><a href="http://labstats.d.umn.edu:8080/public/public.swf?map_id=4&lab_id=6&srv=http://labstats.d.umn.edu:8080" target="_blank">ROOM VIEW</a> | <a href="https://summit.d.umn.edu/r25/html/Computer_Labs.html" target="_blank">SCHEDULE</a> | <a href="#10" target="_self">LAB INFO</a></span></p> </div> </div> <!-- END POPUP CODE --> Similar TutorialsHi there. My site is not working on Safari. It also doesn't work on Google's Chrome, so I've been told. But it works on Firefox and other browsers. Here's the url... http://www.prs-nj.com Anyone got any ideas? Thank you, Gidmeister I am a graphic designer which is almost a complete idiot about web design, i have some problem making a web site. While i try to open my web site in FIREFOX and IE it does not work. (while safari works well) the existing link is www.sindysindy.com when i click the targeted link on the top buttons (about&contact) it open up a new pop up page. I names the top frame as TOP, the bottom two named "menu" on the left and "mainframe" on the right. While clicking buttons on the "TOP" frame would show other buttons in menu targeting things to show up in "mainframe" i have already done a web site days ago and i am trying to redo it now : ( would be really really grateful if you can help Thank you very much indeed! The following are the codes: ****ALL FRAMES**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****TOP**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****mainframe**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****menu**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> You may have seen this question before, but I cannot for the life of me find an answer that works. I embedded a .swf flash file on a page on my website. This flash plays perfectly on IE and Chrome, but nothing shows up on Safari or Firefox. I, at first, wrote the code by hand. Then I instead used swfobject to properly write the code (this still hasn't fixed the problem) I used the w3 markup validation site to check the code, and it comes back with 0 errors. Any Ideas? The code is below: <!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" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="posthink.swf"></script> <script type="text/javascript"> swfobject.registerObject("myFlashContent", "9.0.0"); </script> </head> <body> <div style="text-align: center;"> <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="myFlashContent"> <param name="movie" value="posthink.swf" /> </object> </div> </body> </html> (I inserted a space in the classid= tag to do away with the : D turning into a smiley) Thanks for your help. Greetings, If you access the following website http://www.chrisnieratko.com/ in IE / Firefox, you can view the site perfectly. However, with Chrome / Safari, you can't. You just see a bunch of code with ascii question marks. I know it's missing the doctype declaration, but is it the question marks that make it not visible for those browsers? (Chrome / Safari) When the site's pages are opened in notepad, textpad and notepad++, the question marks aren't there... so how do you eliminate them? Does anybody know of another editor that will view / edit these? Does anybody know if that's even the problem? How did they just appear out of nowhere? Most importantly; How would YOU fix this problem in the easiest way possible? (I'm guessing a certain type of text editor with a search function, then search / eliminate them and re-save the file?) Any help is MUCH appreciated! Thank you so much in advance for your time! I want to embed a social media block on my page that has all the little buttons and all the little links happy together. I almost had it too using this: <p> <a href="http://www.sample site.com" target="_blank"> <img src="http://my image" width="32" height="32" alt="RSS" title="RSS Coming Soon"> </a> This repeated so I had 6 little images for social media connections. In Internet Explorer all links worked, but there was a little line sticking out the right side of each image. In Safari only my last three image links worked but they have no annoying little line. Why? Anyone? Anyone? Hi everyone, I have been working on a website here www.ds-installations.co.uk/examples.html. I am nearing the end of design/development but I have a weird display bug in Chrome and Safari. For some reason, the content displays off to the right of the main page? I have checked all the code through the W3C CSS and HTML validators and it all seems fine. I have tested in IE6+, FF and Opera which seem to work fine? I would really appreciate any help on this, I have been looking and tweaking for hours to try and fix it and I can't see anything obvious? Thanks very much in advance for any help! Dan Safari doesnt display html site as it should be, instead Safari shows just the html code...: what can i do? <!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> <meta content="de-ch" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Ohne_Titel_1</title> </head> <body> <p>TEST</p> <img src="http://blabla.com/image.jpg" /> </body> </html> This is just a sample html code, and its saved as .html file on the server... so what could it be? (the main page is displayed correct by the way...) Thank you very much! Hi all, Just wondering if someone may shed some light on why SSI would work for my php pages but not my HTML ones? .htaccess root/include (I don't want to be setting this type of access across the site so it sits at the .shtml location): Options +Includes AddHandler server-parsed .shtml PHP (works): <?php include("../include/copyright.shtml"); ?> HTML (fails): <!--#include virtual="../include/copyright.shtml"--> Trying to load the HTML file with the include will through the following error: [an error occurred while processing this directive] Here is the layout: PHP: root/common/myPage.php HTML: root/common/myPage.html SSI: root/include/copyright.shtml If I move the copyright.shtml to the root location or put it in the same location as the files I'm trying to serve the include to, it works fine. Obviously with the site structure you want to keep all your .shtml files together so having them all stored in a common area is far more practical. Just not sure why HTML is having such a problem targeting a dir! Any help would be greatly appreciated. Thanks all! Cheers, Nick. I have been sent a flash file to use on my website as an ad. I have successfully inserted it as a html into my website, and it is all working fine apart from one thing. The link is not working. I have followed all the tutorials correctly, and when you hover over it, it displays the link in the pane at the bottom of Internet Explorer. The problem is that I can't edit the flash file, and it did not come with any hyperlink added to the swf. Is there a way I can make this work so that it goes to the link when clicked on? This is my html code so far: <a href="http://www.rspb.org.uk" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1"> <param name="movie" value="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " /><embed src="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " width="468" height="60" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object> </a> I'm new to html and ftp, and I inputted some html from the godaddy ftp that should work and it's not working but just showing the html language. on the page I titled the file index.html, but it's still not working. Go here please: http://animalcon.com/ Any suggestions? thanks -Nate Hello all! I was going to give my website a new structure, so i would be able to make more stylesheets, without making different HTML's. And to give my website more differences between the stylesheets, i decided to put the leftpanel buttons into the css stylesheet too, so i was able to give them different looks just by changing the css. So i changed the source (src) to an transperant .png file called "linky.png", and then i gave each button an id. Each ID was named the name of what the button refers to, and what it is (Example: ID="Homebutton"). Now as you can guess, each button can't be seen, only be pressed on. So i went to my stylesheet (Classic.css) and entered the names and gave them properties (look below to see an example). Code: #Homebut {
background-color: #FFFFFF;
background-image: url("Classic/Home.png");
background-repeat: no-repeat;
}
And i was really excited over the result. I opened index.html using Firefox, but my excitement was over. The buttons didnn't show up. All i could 'see' was my invisible button. I don't think that this is a really big and hard problem to solve, it's probaly just something i spelled wrong or wrote wrong. But i checked everything, and i couldn't find any things that looked like that at all. That's why i kindly ask you to help me. Download everything you need for solving my problem right here! If there is anything else you need to solve my problem*, just ask for it and i'll see what i can do. *=anything else than money xP Hey everyone, I am new to HTML-CSS-etc. and I have a problem. When I am building my page within Dreamweaver and preview it in my browser-my CSS dropdown menu works fine. Then I import everything(files/directories) onto my FTP server and make it go live on my site. When I make it live on my site, everything shows, except the CSS menu bars DO NOT drop down or do anything. Here is the snip of the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><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>MahaRaja_RedRedeux</title> <link rel="icon" href="templates/fav.gif" type="image/x-icon"> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- 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 type="text/javascript" src="required/popmenu.js"> </script> <style type="text/css"> /*<![CDATA[*/ <!-- @import url('required/maharaja.css'); @import url('required/maharaja-menus.css'); --> /*]]>*/ </style> <style type="text/css"> /*<![CDATA[*/ li.c1 {width:89px;} /*]]>*/ </style> <link href="required/maharaja-menus.css" rel="stylesheet" type="text/css"> </head> Does anyone see anything wrong here? I didn't realy know where to post this as it deals with many different tread topics, so here it is. I'm maintaining a website that is mostly hlml, but has some php pages for form validation and email x-fer. The site is currently running at 1&1 hosting service and I need to move it in-house. I have setup a new server with 2003 server R2 and IIS 6 with PHP 5.x installed. When I moved the site files to the local server the site no longer parses correctly. The problem is the imbeded PHP require(); statements in my html document no longer get parsed. In fact the only way I can get php code to get parsed is to give the files a .PHP extension, then the HTML tags don't get parsed. This site has been running for years at 1&1 with this method and I am really not at liberty to change the file extensions until an entirely new site is completed. Environment; 2003 server r2 IIS 6 PHP 5.x the code is like this; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="author" content=".."> <meta name="subject" content="..."> . . head stuff . </head> <body> <?php require ("toplabel.html"); ?> <!-- End ImageReady Slices --> <table border="0" cellpadding="10" cellspacing="0" width="770"> <tr> <td height="600" bgcolor="#c1c1c1" width="20%" valign="top"> <!-- Left Side Column --> <? require ("left_column.html") ?> <!-- End Left Side Column --> </td> <td width="60%" align="center" valign="top"> <!-- Main Content . . . --> ... etc. the toplabel.html are my image ready slices for our logo and top menu the left column.html is for the left side menu bar all the pages in the site make these calls. My htaccess file is like this; AddHandler application/x-httpd-php .php .html .htm AddType x-mapp-php4 .html .php .php3 .php4 .inc .htm AddType text/x-server-parsed-html .shtml .html .htm AddType application/x-httpd-php .html I need to get the server to parse the files like the server is is currently live on at 1&1 hosting. The server there with parse the php code embedded inside of HTLM docs. and will parse the HTLM code embedded inside the PHP files. What I have now does neither. Any ideas? Update; Found out that IIS does not use .htaccess file for directory managment, these changes where for not... I'm looking into the application mapping in IIS Manager, think the answer might lie in there somewhere... Hi all, I'm new to these forums and would appreciate any help I can get So I've made this eBay listing and the html part of it all works fine, but eBay won't let me submit it because: "Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href." Please can someone help me edit my html to get rid of these 'contaminants'? I have a feeling that it's to do with my linked thumbnail pictures... Here's a link to the small text file for the html: http://www.mediafire.com/?dy9mkf4tbrfud34 Thanks in advance, Will. Hello, I am attempting to make it so when a user selects an option from a drop down menu, the option will also appear in a nearby input box I've named "readout" below. I've gotten it to at least display a javascript alert with the user-selected value, theoretically ruling out the HTML as the problem. I've bolded the part below where I expect the value to change, however, it remains at the starting value of 1. Any suggestions? //-----------------------------------------------> <script> var FKeyPad = document.Keypad; var flag = true; function resetIndex(selObj) { if(flag) selObj.selectedIndex = -1; flag = true; } function doSomething(selObj) { alert(selObj.value); FKeyPad.ReadOut.value = "selObj"; flag = false; } </script> <FORM name="Keypad" action=""> <select onchange="doSomething(this)" onclick="resetIndex(this)"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> <input name="ReadOut" value="1" type="Text" size=1 width=20% maxlength="2" readonly="readonly" class="box"> </FORM> //-----------------------------------------------> I have a website that has an image that loads at the top of the page, and then text about the image that loads below it. My problem is I placed an anchor by the text, underneath the image, so when a certain link is clicked it skips the image and goes right to the text where the anchor is....but when I click on a link to refer to that anchor, it loads to where the anchor is before the image size (width and height) loads. Then, the image loads, and expands th epage, and the image is on screen instead of the text I anchored to. Is there any easy way to make it so the anchor waits for the image to load before going to where it is....or so the image preloads the size and expands to that width and height before bothering to load the entire image so the anchor will be positioned right....or anything along those lines? To clarify, it looks like this: <p><img src="image location" /></p> Text: <a name="reviews" id="reviews"></a> and then the link : <a href="site.php?cnt=<? echo($cnt); ?>&pg=<? echo($pg - 5); ?>#theanchor"> Prev 5 </a> and the anchor position loads before the image loads, so instead of skipping the picture and displaying the text, it just displays only the bottom 90% of the image or so. Any ideas would be welcomed , --Tony Hi, I got a HTML form whose submit button doesnt seem to be working, Any help would be appriciated. The link to the form is http://new.johnnyshotel.com/contact.html . I tried the same form in a different plain html file and it seems to work but when I insert it back into this webpage template the submit button doesnt seem to work. Thanks in advance. I used dis below script,which wil ask my visitor his name,n den wil display it in the corresponding page.But i dont know,where i went wrong,n its not working in my html page. Someone please rectify it n give me its working script for an html page. Please... Ok here is the script.. IN HEAD TAG, <script language=JavaScript> <!-- script supplied free by hypergurl.com http://www.hypergurl.com --> <!--- start of javascript hide var Firstname=prompt("Enter your Firstname :","Firstname"); // unhide ---> </script> IN BODY TAG, <script language=JavaScript> <!--- start of javascript hide document.write("<center><h1>Welcome" + " "); document.write(Firstname + " "); document.write("</h1></center>"); //unhide ---> </script> |
|||||||