HTML - Getting Code To Be Recognized By One Broswer, But Not Another
Howdy
I want to have a short .mp3 play when my site's main page loads. So, my index.html has <bgsound src="file.mp3"> and it works fine in IE7/8. It does not work, however in FFox. So, I did some research, and apparently FFox requires different code. So, this is what I have: <bgsound src="file.mp3"> <object data="file.mp3" type="application/x-mplayer2" width="0" height="0"> <param name="filename" value="file.mp3"> <param name="autostart" value="1"> <param name="playcount" value="1"> </object> Works in FFox just great. But what happens in IE8, is the .mp3 plays 2x. It's not a loop, the same .mp3 starts again about 1 sec. after the first, and plays with the first, about 1 sec. behind. Some people might think it is a cool effect, but not what I have in mind. So what's happening here is that the bgsound src code and the object code are both being triggered in IE8. Is there some code I can put in that will force IE to only look at <bgsound src="file.mp3"> and not the object data? Thanks in advance. Similar TutorialsHello all, I am new to html. I am learning but doing a web site For a non-profit organization. I have completed the web pages, but when I uploaded them to The web site and then go to that web site, I get Index of / With a list of the files, including the index.html file. This is very strange as the old Index.html is recognized. I have googled and found nothing. Below is the old html file which does work and the The web site: http://www.shareselfhelp.org/ Thanks in Advance, Laurence -------------------------------------------------------------------------------- Old index.html that does work. <HTML> <!-- #BeginTemplate "/Templates/SHARE.dwt" --> <HEAD> <!-- #BeginEditable "doctitle" --> <TITLE>SHARE! Self-Help Recovery and Exchange</TITLE> <!-- #EndEditable --> </HEAD> <BODY BGCOLOR=#FFFFFF leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="imgs/bg.gif" link="#330033" vlink="#330033" alink="#330033"> <TABLE WIDTH=633 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR valign="top" align="left"> <TD ROWSPAN=2> <IMG SRC="imgs/SHARE_01.gif" WIDTH=149 HEIGHT=139></TD> <TD ROWSPAN=2> <IMG SRC="imgs/SHARE_02.gif" WIDTH=79 HEIGHT=139></TD> <TD> <IMG SRC="imgs/SHARE_03.gif" WIDTH=193 HEIGHT=103></TD> <TD> <IMG SRC="imgs/SHARE_04.gif" WIDTH=212 HEIGHT=103></TD> </TR> <TR> <TD COLSPAN=2 valign="top" align="left"> <div align="right"><!-- #BeginEditable "header" --><font face="ARIAL" size="5" color="Green"><strong><font color="#FF6600" size="4">Welcome SHARE! Online</font></strong></font><!-- #EndEditable --></div> </TD> </TR> </TABLE> <table width="633-15" border="0" cellspacing="20" cellpadding="0"> <tr valign="top" align="left"> <td width="65" height="2"><img src="imgs/leftcolumn.gif" width=120 height=1></td> <td width="530" height="2"><img src="imgs/SHARE_03.gif" width=475 height=1></td> </tr> <tr valign="top" align="left"> <td width="65"><font size="2"><b><font face="Arial, Helvetica, sans-serif"><a href="index.htm"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Home</font></a> </font> </b> </font> <p> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="findinga.htm">Finding a Support Group</a> </b></font> <p> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="whatis.htm">What is a Self-Help Support Group</a> </b></font> <p> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="aboutShare.htm">About SHARE!</a> </b></font> <p> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="stories.htm">Stories</a> </b></font> <p> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="theneed.htm">The Need</a> </b></font> </td> <td width="530"><!-- #BeginEditable "content" --> <p><strong><font face="Arial, Helvetica, sans-serif" size="2">The mission of SHARE!, the Self-Help And Recovery Exchange, is to help people in Los Angeles pursue personal growth and change. SHARE! Empowers people to change their own lives and provides them a loving, safe, non-judgmental place where they can find community, information and support. <br> <br> SHARE! Provides many services including: </font></strong> </p> <ul> <li> <font face="Arial, Helvetica, sans-serif" size="2" color="#FF3333"> <strong>A Center for self-help meetings and events:</strong></font><font face="Arial, Helvetica, sans-serif" size="2"><strong> <br> <font color="Black"> We have five meeting rooms with almost fifty meetings a week which <br> take place at SHARE! (Our center) in West Los Angeles. <br> Meetings pay a percentage of their donations so that there is no rent <br> pressure and it is easy to start a new meeting. Each meeting room is <br> furnished like a living room with sofas, chairs and coffee tables, except <br> our writing room, which has a conference table, and chairs. We provide <br> space for sober dances, self-help marathon meetings and conferences. <br> We also have leads on meeting space in other parts of the county. </font> </strong></font></li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <br> </strong> </font> <li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><font color="Maroon"> <font color="#FF3333">Countywide referrals,</font></font> <br> <font color="Black"> to more than 7000 self-help meetings representing 400 different programs. <br> Our information is updated monthly as self-help groups <br> tend to be moved around or come and go. <br> We have 24-hour voicemail, which gives information on our 100 most <br> requested referrals. In addition, trained volunteer referral specialists <br> can find a meeting in your neighborhood that is right for you from 10 am <br> to 4 PM. Call (310) 305-8878. </font> </strong></font></li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <font color="#FF3333"><br> </font></strong> </font> <li> <font face="Arial, Helvetica, sans-serif" size="2" color="#FF3333"><strong> Technical assistance for new and ongoing meetings, </strong></font><font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <font color="Black">We can help with formation, meeting content, format, publicity, problems, etc. </font> </strong></font></li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <font color="#FF3333"><br> </font></strong> </font> <li> <font face="Arial, Helvetica, sans-serif" size="2" color="#FF3333"><strong>Volunteer opportunities, </strong></font><font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <font color="Black"> For ordinary people or for those doing court-ordered community service. <br> We accept all volunteers even those with limited skills or felony <br> convictions provided they are attending or willing to attend support groups. </font> </strong></font></li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><br> <br> </strong> </font> <li> <font face="Arial, Helvetica, sans-serif" size="2"><strong><font color="Maroon"> <font color="#FF3333">Open literature policy, </font></font> <br> We accept any and all materials for distribution at our center. <br> Just send them or drop them off. </strong></font></li> </ul> <p><font color="#FF3333" face="Arial, Helvetica, sans-serif" size="2"><i><b><font color="#FF3434">We are privately funded through donations. SHARE! Is a project of the Emotional Health Association, a California non-profit 501(c)3 corporation. </font></b></i></font></p> <!-- #EndEditable --></td> </tr> </table> <p> </p> </BODY> <!-- #EndTemplate --> </HTML> Can someone take a look at my CSS and HTML and tell me why the layout lines up correctly in IE but not firefox? In IE the right side div (#content2) lines up beautifully with my header and left content div, but in firefox it is pushed to the bottom of the wrapper below the left content div. Can anyone give me a hand? Here's my CSS: PHP Code: }body { margin: 0; padding: 0; background-color: #FFFFFF; color: #000000; } #wrapper { width: 800px; background-color:#FFFFFF; position:relative; } #banner { width: 800px; height: 150px; background-color:#FFFFFF; border-style:dotted; border-width:2px; border-color:#660033; border-bottom-style:none; } #menu { width: 800px; height: 30px; background-color:#660033; color: White; padding-top: 4px; } #content { padding: 5px; float: left; width: 500px; line-height: 1.1em; text-align:justify; background-color:#FFFFFF; border-style:dotted; border-width:2px; border-color:#660033; border-top-style: none; } #content2 { padding: 5px; float:right; width: 300px; line-height: 1.4em; text-align:justify; background-color:#FFFFFF; border-style:dotted; border-width:2px; border-color:#660033; border-top-style: none; border-left-style: none; Here's the HTML to go along with it: HTML Code: <head> <link rel="stylesheet" href="layout.css"> <title></title> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </head> <body> <center> <div id="wrapper"> <div id="banner"></div> <div id="menu"><font class="menu"><a class="menu" href="meetMV.htm">link here</a> | <a class="menu" href="vid.htm"> Videos</a> | <a class="menu" href="pic.htm">link here</a> | <a class="menu" href="article.htm"> link here</a> | <a class="menu" href="coach.htm">link here</a></font></div> <div id="content"> <center><font class="header">Michael 411 Moment</font><br><font class="date">content here</font> <p><font class="content">content here</font></p></center> <hr> <center><font class="header">content here</font><br> <font class="date">By MVTL Staff 2007-01-29</font> </center> <font class="subHeader">content here</font> <p><input type="checkbox" name="opt1" id="chk1"><font class="content">content here</font><br> <input type="checkbox" NAME="opt2" id="chk2"><font class="content">content here</font><br> <input type="checkbox" NAME="opt3" ID="chk3"><font class="content">content here</font><br> <input type="checkbox" NAME="opt4" ID="chk4"><font class="content">content here</font><br> <input type="checkbox" NAME="opt3" ID="chk5"><font class="content">content here</font><br> <p><input type="submit" value="Submit" ID="Submit1" NAME="Submit1"></p> </div> <div id="content2"><font class="subHeader">Fast Fact</font><br> <font class="content">content here</font> </div> </div> </center> </body> Thanks in advance! Hello I'm new to doing websites but recently I have come to understand that particularly Internet Explorer has lots of issues! I realized this after a design that I had evolved mainly testing between Firefox and Safari just went retarded in Internet Explorer, and now I'm not sure what to expect. Can anyone outline the main issues that set IE apart? And whether there is a way to circumvent them? Because for everything I've tried so far Firefox Safari and Omniweb all behave predictably and relatively the same. Thanks- Frustrated Fishpaws hello, I'm working on a site with a lengthy online application. When a user begins the application he is told to use the back and forward buttons on our form (not on his browser). We find that users still accidentally use the browser buttons and when they do a "Webpage has expired" error page comes up. This error page is not part of our site and is a dead end. I'm not a programmer so I don't know the specifics. I take it as a given that that browser buttons cannot function normally in our application, but I'd like to know if there is a way to get control of the error page that comes up when users do click their browser buttons. If we can show them a page reminding them not to use the browser buttons and put a link there to get them back to the application it would be a big help. Thanks Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum? Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff. Thanks. I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. Hi, hope this is the right place to post.. can someone tell me what is this code? and convert it for me? and what it does? Code: %3ChTmL%3E%3CtItLe%3E...%3C/tItLe%3E%3CBoDy%20bGcOlOr%3D%22%236 E0Ab4%22%3E%3CCeNtEr%3E%3C%21--%20PrAeSeNt%20qUiS%20FeLiS.%20aL iQuAm%20aC%20AnTe.%20MoRbI%20RiSuS%20ToRtOr%2C%20PoRtA%20NoN%2C %20uLtRiCeS%20Ac%2C%20CoNvAlLiS%20Id%2C%20NiSi.%20VeStIbUlUm%20 bLaNdIt%20eLiT%20Et%20oRcI.%20dOnEc%20aC%20PuRuS%20SiT%20AmEt%2 0nIsI%20LaCiNiA%20CoMmOdO.%20cUrAbItUr%20hEnDrErIt%20jUsTo%20uT %20EsT.%20nUlLa%20mOlEsTiE%20RhOnCuS%20LaCuS.%20vIvAmUs%20cOnSe QuAt%20lAcUs%20uT%20NuLlA.%20fUsCe%20mOlEsTiE%20VeNeNaTiS%20NiB h.%20PrOiN%20VeLiT.--%3E%3CImG%20BoRdEr%3D%220%22%20sRc%3D%22/_ img/_img-b1.jpg%22%20WiDtH%3D%22480%22%20HeIgHt%3D%22200%22%3E% 3C%21--%20LoReM%20IpSuM%20DoLoR%20SiT%20AmEt%2C%20CoNsEcTeTuEr% 20aDiPiScInG%20ElIt.%20DuIs%20mAlEsUaDa.%20PrAeSeNt%20iMpErDiEt %20fElIs%20vItAe%20aUgUe.%20NuLlA%20QuIs%20lEcTuS%20Ac%20sApIeN %20SuScIpIt%20pLaCeRaT.%20pHaSeLlUs%20vIvErRa%20pUrUs%20eT%20Ma SsA.%20nUlLa%20pReTiUm.%20AeNeAn%20eU%20AuGuE.%20cUrAbItUr%20mE tUs%20nIsI%2C%20cOmMoDo%20uT%2C%20cOnVaLlIs%20sIt%20aMeT%2C%20f EuGiAt%20nEc%2C%20SaPiEn.%20PeLlEnTeSqUe%20oRnArE%20OrNaRe%20pU rUs.%20PrAeSeNt%20bIbEnDuM%2C%20eNiM%20Ut%20cOnGuE%20NoNuMmY%2C %20lEo%20tElLuS%20RhOnCuS%20NuNc%2C%20In%20mAlEsUaDa%20dIaM%20E lIt%20sEd%20nIbH.%20mAuRiS%20TiNcIdUnT%20ArCu%20nOn%20pEdE.%20n Am%20cOnGuE%20ElEiFeNd%20mEtUs.%20DoNeC%20EgEt%20iPsUm%20aT%20D uI%20TiNcIdUnT%20SeMpEr.%20DoNeC%20FeRmEnTuM%20FeLiS%20Et%20pEd E.%20pElLeNtEsQuE%20Ut%20nUlLa%20sIt%20aMeT%20ErOs%20cUrSuS%20C oNsEqUaT.%20pElLeNtEsQuE%20UlTrIcIeS%20OrCi%20sIt%20aMeT%20Mi%2 0rHoNcUs%20oRnArE.%20fUsCe%20mAuRiS%20OrCi%2C%20LuCtUs%20aT%2C% 20vEhIcUlA%20Et%2C%20DiCtUm%20nEc%2C%20SaPiEn.%20MaUrIs%20cOmMo Do%2C%20JuStO%20A%20OrNaRe%20lAcInIa%2C%20PuRuS%20LiBeRo%20cOnV aLlIs%20eRoS%2C%20eT%20SaGiTtIs%20lEo%20aUgUe%20sEd%20vElIt.--% 3E%3C/cEnTeR%3E%3C/BoDy%3E%3C/hTmL%3E thanks I got some code of a tutorial for an image slider, and I used NotePad ++ to edit it with my images and links. But I don't know whats wrong?!? It won't load. I put it in Wordpress and upload the images and it doesn't work! I have attached the code file. Thanks is anyone can help! ok I am not the greatest with html so I am using Microsoft Front-page... and I am trying to do something that I don't think the program can do in the visual editor so I need to code it.... but I don't know how... ok here is what I am trying to do... ok on the top of my page I want to have some links... when a person clicks on a link I want the page to drop down to a specific spot on the page... and I want a button that moves when the person scrolls... a "Go to the top" button... I hope you know what I mean.... Any help would be great... thanks Hello, my first posting I have uploaded a script and all is well, except this! On one web page is a word "Select" when clicked on it should open a list Yet it is dead, when the mouse is over is it reads: javascript:; I used :Inspect Element with Firebug" to locate the "Select" corresponding code HTML Code: <tr class="c1"> <td width="150" align="right"></td> <td class="contentfont" colspan="2"><span id="main_category_display"><?=$main_category_display;?></span> [ <a href="javascript:;" onClick="select_category(document.getElementById('category_id').value, 'main_category_field', 'main_', false, true, 'wanted');"><?=GMSG_SELECT;?></a> ]</td> </tr> your help greatly appreciated Close please, made a simpler question. what kind of working is required to insert image while working with html ? Hey I'm looking for a code for users to upload a picture. Below the picture there is a form to let other users rate the picture from 1-10 then submit it. Also below the form there is a comment box and previous comments box where people can see what others posted....its hard to explain...kinda like this picture in the attachment. Thanks in advance. Hi, what's this code for: ?tag= What is it for and what does it do if it's attached to something like this: http://www.ABC.com/images/spacer.gif?tag=ABC And if I rearrange the domain and file path, does this still work for whatever it's for: ?tag=ABC Thanks in advance for your help! Hi, Can someone check the code and tell me why the bottom row keeps going to the top? http://elitedonuts.com/test1.html Also when I use a validator it keeps telling me these errors but I seem to have the closing </body> and </div> tag? http://validator.w3.org/check?uri=ht...alidator%2F1.2 Thanks Hello all... need help with this minor issue... site page: http://www.5starpaydayloan.com/new.html If you are viewing the page you will see that below the image of the group there is a break in the side bars that go along either side of the text... Can someone please help me figure out how to get rid of the break? Thank you! What im trying to do is add a search box for travel like this one: http://osc4.template-help.com/wt_31362/index.html How is this done? please anyone Hi im rich very first post but might be a good question. im looking for a code that when you load the page the exclamation windo pops up with the message. i made one for no right mouse clicks. i need one made to when my page laods they will see the message. |