HTML - Help Fix Strange Characters Only In Firefox Showing
Here is a screen shot of my problem, and below the source code for my site, hopefully you can help, you always provide great assistance that is greatly appreciated!
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><link rel="canonical" href="http://www.richandbalanced.com/"/><title>Rich and Balanced™</title> <meta name="description" content="How to live a life that's both rich and balanced." /> <meta name="keywords" content="Rich, Balanced, Life, Money, Health" /> <meta name="author" content="Samuel Sweis" /> </head> <link rel="shortcut icon" href="image-files/"> <link rel="stylesheet" type="text/css" href="http://www.richandbalanced.com/support-files/style.css"> <body> <img class="displayed" src="http://www.richandbalanced.com/image-files/richandbalanced.jpg" width="498" height="209" alt="Rich and Balanced logo" border="0"> <div class="reight"> <div id="rbleft_sidebar"> </div> <div id="rbcontent"> <p> Hello and welcome to Rich and Balanced™. My name is Sam Sweis. Did you know that we have the ability to change and create the life of our dreams? I do, and I want you to know that whatever it may be that you are going through or whatever it is that you would like to change and/or create, that it is possible to do so. </p> <p> I've turned my life around in more ways than you could imagine. I was an alcoholic. I was a smoker. I was a drug user. A terrible husband. Divorced. Buried in debt. In and out of school and in and out of jobs. I was out of shape. Obese. Depressed. Angry and in broken relationships with family and friends. The future was a mystery to me. </p> <p> Today, I'm a proud father. My financial life is a dream come true. I have no major debt, my income is always growing, and I'm an excited business owner. My relationships with family and friends are overflowing with love and happiness. I'm tobacco free, drug free, alcohol free, and gambling free. I've slimmed down my weight and put on muscle. I'm healthy, fit, and confident. But most of all, I get to spend my time the way I want doing what I want. The future is looking bright. </p> <p> Welcome to the place I call home. Rich and Balanced™ was designed with you in mind. Revealed for the first time in my life are the documents I use in private and secrecy that have changed my life and continue turning my dreams into a reality. I put together this entire site, from the web designing to the graphics, and I couldn't be happier at transforming my knowledge to you.</p> <p> <a href="http:/www.richandbalanced.com" onClick="window.location.href='http://www.richandbalanced.com/cgi-bin/counter.pl?url=http%3A%2Fwww%2Erichandbalanced%2Ecom&referrer=http%3A%2F%2Fwww%2Erichandbalanced%2Ecom%2Findex%2Ehtml'; return false;">Click here</a> to continue reading, or if you are busy at the moment take a second and bookmark this page to save for later viewing. <a href="http://www.richandbalanced.com">Click here</a> to find out how to bookmark this website. Thank you for visiting Rich and Balanced™. </p> </div> <div id="rbright_sidebar"> </div> <div id="rbfooter"></div> </div> <iframe src="http://www.richandbalanced.com/bottompage.html" width="100%" height="100%" frameborder="0"></iframe> </body> </html> Similar TutorialsI'm getting strange characters right in the middle of a word. The character looks like a rectangle with an X in it in my browser Safari. At a PC at a university the character was different, dots, I think. Here is the code for the relavent line: <LI><U> La Primavera: Music for voice, lute, viola da gamba and recorder from the English Renaissance</U> You can listen to the whole CD at Magnatune Records and it is also available <A HREF="luteCD.html#Total running time: 59:22"> <strong> here </strong></A>). Played lute as well as produced and arranged music from the late Renaissance featuring lute songs and instrumentals <BR> <align = 'right'> <a href = "mainpage.htm#Why">Back to Home Page</a> </right> Strange. The characters appear in the preview window for this message but not the window I'm typing in now. If you see the characters, there is no need to visit my page, but here is the link to the page. The troublesome line is at the bottom. http://www9.plala.or.jp/edurbrow/personalhistory.html TIA Hi, I'm a newbie, and have taught myself from books and the web, so please be patient with me! I have noticed these symbols appear at the bottom left of my index page: My site is http://www.artish.com.au. It doesn't appear when I check the page before uploading it. It only seems to appear in IE (firefox doesn't show it). Just wondering what it is, and how to get rid of it? Thanks in advance for any help offered... Leticia Greetings all, i have a site that i've tested on my servers, and everything looks great in IE, FF, Eudora, etc... but then when i post it to the client's server, it appears fine in IE, but in FF (through Netscape), it gets these funny characters everywhere (see attached). Like 'A's w/ carats over them at the spaces and such... i don't know if this is something correctable in my code, or if it's a difference in hosting environments. Any insight would be greatly appreciated... and just for reference, this is the encoding at the top of each page in case it matters: Code: <!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 http-equiv="content-type" content="text/html;charset=utf-8" /> TIA Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. Hi, I'm probably missing something really obvious, but I'm having a stumbling block on why for this page, you can see the image with the wreath when viewing it in Firefox, but not in Internet Explorer. I always use Firefox, but my bosses tend to use IE 6, so they were confused on why they couldn't see the image today. I also can't see the image in IE 7. The bgcolor of a table works in Iexplorer but not in Firefox. Also the left/right/topmargin doesnt work at all in Firefox. Any idea how this is? Thanks for your help --khan Hi guys Just joined and hoping someone can offer some advice on an issue. I want a black border around images which show up jsut fine in IE but some reason the border does not appear in FF. The below is an example of what i am doing. <IMG STYLE="position:absolute; TOP:110px; LEFT:610px; WIDTH:180px; HEIGHT:190px" src="Optimized-027edited.jpg" style="border-style: solid; border-color: black;"/> Does anyone have any advice on where what I can do to make the border show up in both browsers? Any help appreciated. Cheers Can someone point me in the right direcction as to why this page of my website does NOT show anymore correctly in Firefox ??! All the other pages of the website seems to show fine !!! http://lasrocasresort.com/diving.html Thanks in advance, Pakal Hi all, I've spent several hours building my site. Most of my time was spent setting up the custom menu using CSS. So I am very disappointed to see it not display correctly in Firefox. After doing some research, I realized that some of my HTML isn't validating correctly. But I cant figure out how to fix it. A lot of has to do with the SPAN codes. Any assistance would be much appreciated! <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <table width="100%" border="0" cellpadding="10"> <span class="class4"> <tr> <td class="header"><a href="http://www.davidzhangphotography.com">DAVID ZHANG</a> <span class="header2">PHOTOGRAPHY</span></td></tr></span> </table> </div> <div id="sidebar1"> <TABLE cellSpacing=3 cellPadding=3 width="96%" border=0> <TBODY> <span class="class1"> <TR> <TD class="menu"><A HREF="javascript:popUp('music.html')">MUSIC</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_location.html')">FASHION 1</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_studio.html')">FASHION 2</A></TD> </TR> <TR> <TD class="menu"> </TD> </TR> <TR> <TD class="menu"><a href="personal.html">PERSONAL</a></TD> </TR> <TR> <TD> </TD> </TR> </span> <span class="class2"> <TR> <TD class="menu"><a href="about.html">ABOUT</a></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><a href="blog.html">BLOG</a></TD> </TR> </span> </TABLE> </div> Hey guys, i have a div setup to overflow:auto; to scroll through comments on the site. It works correctly in Chrome, Internet Explorer, and Safari, but Firefox is showing a bunch of empty space thats equivalent to the height of the page if the div was displayed without a scroll. http://www.greendayauthority.com/ind...20798&archive= Take a look at that page on different browsers. It ends correctly with the ads being at the end in other browsers, but with firefox, there's a bunch of dead space stretching the pages height. Any advice? I am working on a site that I have designed using a table to lay everything out. Everything works fine when viewing via IE. I tried opening it with Firefox and the backround colors for the different cells did not show up. Can anyone tell me what I should do so that the bgcolor shows up correctly in firefox? temp web-site address: http://worldcargousa.com/estate_lawn part of the html in question: <td width="166" align="center" valign="middle" bgcolor="61592b"><p align="center" class="style9"><span class="style15">715-220-1879 </span></p> <p class="style13">Estate Lawn Services<br> 536 Gentalwood Square<br> Purcellville, VA 20132</p> <p align="left" class="style8"> </p></td> Hi Experts, I have an Iframe on a simple page. I am seeing an usual big white space between the header and the Iframe in Internet Explorer.. Same link is working fine on Firefox. how do i make it work in IE as well. PS: I have attached the snapshot of page. Code: <html> <head> <style type="text/css"> @import url("/analytics/static/styles/intranet.css"); /* main stylesheet */ @import url("/analytics/static/styles/intranet-2col.css"); /* column stylesheet */ @import url("/analytics/static/styles/intranet-2col-1024.css"); /* 1024px stylesheet */ </style> <script language="JavaScript" src="/analytics/static/Fusion/FusionCharts/FusionCharts.js"></script> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="GENERATOR" content="Rational Application Developer"> </head> <body> <div id="page-wrapper"><%@include file="Header.jsp"%> <div id="column-wrapper"><!-- begin columns --> <%@include file="NEW_TOOLBAR.jsp"%> <div id="content"><!-- begin content column --> <div class="inner"> <iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe> <p><small> </small></p> </div> <!-- end content column, then column wrapper --></div> </div> <%@include file="Footer.jsp"%></div> </body> Ok, so i uploaded my page to the web and for some reason the bullets are not showing up inside the table cells of the Toppings table to my page. for some reason it shows up fine in Chrome, but in IE and Firefox, they show up to the left of the table cells making it look weird? does someone know how to make it so it shows up the way it does in chrome for all browsers? whats wrong with my code? heres the page... http://valspizzaplace.com/newwebsite...inos/pizza.php ahh this is frustrating, i can't figure out and its probably something simple. I'm having a really bizarre problem on my site here http://www.onlykitchens-almunecar.co...signvisit.html On this particular page I have a form that is working fine in firefox but the page won't load in IE only from today and I don't think I have changed anything The form is working fine in firefox and posting ok and returning errors as i am using this form validation script Code: <script language="JavaScript" type="text/javascript"> <!-- /*********************************************** * Required field(s) validation v1.10- By NavSurf * Visit Nav Surf at http://navsurf.com * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ function formCheck(formobj){ // Enter name of mandatory fields var fieldRequired = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details"); // Enter field description to appear in the dialog box var fieldDescription = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details"); // dialog message var alertMsg = "Please complete the following fields:\n"; var l_Msg = alertMsg.length; for (var i = 0; i < fieldRequired.length; i++){ var obj = formobj.elements[fieldRequired[i]]; if (obj){ switch(obj.type){ case "select-one": if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){ alertMsg += " - " + fieldDescription[i] + "\n"; } break; case "select-multiple": if (obj.selectedIndex == -1){ alertMsg += " - " + fieldDescription[i] + "\n"; } break; case "text": case "textarea": if (obj.value == "" || obj.value == null){ alertMsg += " - " + fieldDescription[i] + "\n"; } break; default: } if (obj.type == undefined){ var blnchecked = false; for (var j = 0; j < obj.length; j++){ if (obj[j].checked){ blnchecked = true; } } if (!blnchecked){ alertMsg += " - " + fieldDescription[i] + "\n"; } } } } if (alertMsg.length == l_Msg){ return true; }else{ alert(alertMsg); return false; } } // --> </script> The weird thing is if i take this code out it loads in IE and when I put it back in it don't. Its been working fine in IE with it in up until today. I need this validation script, and as i said its been working in IE for weeks with it in in. So I suppose what I am trying to get to the bottom of is why it is working in firefox but not in IE? If anyone could help i'd greatly appreciate it! Well, it seemes like it all messes up right now... And I'm going crazy. Take a look at this example page: http://www.stianbl.co.cc/Test2/teknisk_TEST1.html Here, everything should work, since the code is the same I used for this page: http://www.stianbl.co.cc/Test2/teamet.html The problem is: 1. I cant get the hover effect to work on the 3 "pages", or fact-sheets, that should be clickable to dll the .doc file. But its the same way I did on the site "teamet", and it works there. 2.I cant position the header anymore. As it is now, opera reads it as I want it (the header, and navigation part), but IE hides it... Any help would be much appreaciated! I'd like to preface this with a note that, although I'm a programmer, my web technologies knowledge is pretty much non-existent, so I hope I'm just doing something silly here. I am setting up photo galleries on my and my wife's web sites using a flash based photo gallery called FotoPlayer. This program has a "Site Creator" function that allows a header, footer, some basic extra pages to be added to it. I started by creating a simple header that consists of 3 png files. This is added in a file called header.inc, and is used by FotoPlayer to create the pages. Code: <div style="height: 60px;"> <a href="index.html"><img src="site/images/roz-title.png" alt="Home" align="left" border="0"></a> <a href="album.html"><img src="site/images/roz-cyrene.png" alt="Cyrene Gallery" align="right" border="0"></a> </div> <br> <div style="width: 100%;"> <img src="site/images/roz-bar.png" alt="Gradient" border="0" height="4" width="100%"> </div> This looks as I expect in FireFox and Chrome, but has several problems when viewed with IE6. The left and right pictures have the "not found" images and text over them, and the gradient bar does not stretch. The other problem I'm having is some extra scroll bars being added (again, only in IE6) when the page length is longer that the browser display height. If I disable running of scripts in IE6 these problems disappear so I assume this is caused by FotoPlayer not liking my simple code. However, I have looked at about 20 other sites (some way more complicated than mine) created with FotoPlayer and they all look good in IE6, so this leads me to suspect that I am at fault here. I posted this to the FotoPlayer Forum a couple of days ago, but there has not been any answers. I'm hoping someone here can take a quick look at the page and tell me what I might be doing wrong. This is the test page: http://roz-warren.net -Mike I have two sections of my school website, one for study, one for plans. I have indexes for each, and links in the indexes that go to "journals." Sadly, for some reason, the plans one is working find, when I click on a link in the index it stays in the same category and then goes down, but the study one goes to my homepage. I'll try doing a diagram to help you guys out The arrows represent a link I can click on: (I took out the http b/c this site made the links shorter with ... and you wouldn't be able to see what I'm about to point out) Plans Section http://linus.yhspatriot.net/cs/at/st...Cai/2006/Plans --> http://linus.yhspatriot.net/cs/at/st...lan.html#Intro Study Section (Doesn't work) http://linus.yhspatriot.net/cs/at/st...Cai/2006/Study --> http://linus.yhspatriot.net/cs/at/st...-11.html#12-11 Notice the problem is that in the first one, it stays in plans, but in the second one, it actually leaves Study, and goes to Folsom_Cai. Here's the code for the plans index: HTML Code: <ol> <li> 1st Quarter Plan (finished)</li> <ul> <li><a href="1stQuarterPlan.html#Intro">Introduction</a></li> </ul> </ol> Here's the code for the Study index: HTML Code: <li>Week of 12-11 <ul> <li><a href="12-11.html#12-11">Thinking about the Classroom Code</a></li> </ul> </li> Here's where I define the name <a name=""> so it will go to a certain part of the page Plans: HTML Code: <p><a name="Intro"></a></p> Study: HTML Code: <h3><a name="12-11"><span>12-11</span></a></h3> thanx for any help, feel free to ask a question - i'll respond in this forum I 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 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! |