|
HTML - Why Aren't My Links Working In Mozilla Firefox?
I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3
Similar TutorialsHi All, I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert. I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me. Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF. <DIV id="idser" class="InnerBox" style="position: absolute; top: 80; left: 400; height: 68; width: 130"> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> <IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0"> </A> <br> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> Serial # Search </A> </DIV> <DIV id="idhist" class="InnerBox" style="position: absolute; top: 80; left: 530; height: 68; width: 130"> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> <IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0"> </A> <br> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> View History </A> </DIV> Both lots of code above work in IE, the first DIV with link does not work in FF. I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF. I have spend hours on this now. Any/All thoughts/advice will be gratefully accepted. I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NE Goaltending HQ</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #CA0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
color: #F00;
text-decoration: none;
}
a:visited {
color: #F00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #06F;
}
a:active {
text-decoration: none;
color: #039;
display: none;
line-height: normal;
}
.header {
font-size: 18px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a {
font-size: 16px;
}
-->
</style>
</head>
<body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244">
<tr>
<td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60">
<tr>
<td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td>
<td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td>
<td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span>
<?php
if (isset($_COOKIE["login"]))
{
echo "Welcome " . $_COOKIE["login"] . "<br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a> <a href="/pages/account.php">Account</a></strong></font></b></td>';
}
else
{echo "Welcome guest! <br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a> <a href="/pages/register.php">Register</a></strong></font></b></td>';
}
?>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="14">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a>
<ul>
<li><a href="/index.php">Home Page</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Level</a>
<ul>
<li><a href="/pages/coming_soon.php">Youth</a></li>
<li><a href="/pages/coming_soon.php">High School</a></li>
<li><a href="/pages/coming_soon.php">Juniors</a></li>
<li><a href="/pages/coming_soon.php">Prep</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">State</a>
<ul>
<li><a href="/pages/coming_soon.php">MA</a></li>
<li><a href="/pages/coming_soon.php">NH</a></li>
<li><a href="/pages/coming_soon.php">ME</a></li>
<li><a href="/pages/coming_soon.php">VT</a></li>
<li><a href="/pages/coming_soon.php">CT</a></li>
<li><a href="/pages/coming_soon.php">RI</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="/pages/coming_soon.php">Playing Tips</a></li>
<li><a href="/pages/coming_soon.php">Goalie Gear</a></li>
<li><a href="/pages/coming_soon.php">Development</a></li>
<li><a href="/pages/jokes.php">Goalie Jokes</a></li>
<li><a href="/pages/coming_soon.php">Goalie Misc.</a></li>
<li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Member</a>
<ul>
<li><a href="/pages/register.php">Register for free</a></li>
<li><a href="/pages/login.php">Login</a></li>
<li><a href="/pages/coming_soon.php">Game Charts</a></li>
<li><a href="/pages/coming_soon.php">Resume Builder</a></li>
<li><a href="/pages/coming_soon.php">Browse Profiles</a></li>
<li><a href="/pages/coming_soon.php">Administrator</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a>
<ul>
<li><a href="/pages/coming_soon.php">Featured Goalies</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li>
<li><a href="/pages/coming_soon.php">Contact Page</a></li>
</ul>
</li>
</ul>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium">
<div align="center">
<p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p>
<p> </p>
</div>
<table width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td>
</tr>
</table>
<p> </p>
<table align='center' width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td>
</tr>
</table>
<p> </p></td>
...too long to put entire source (see webpage for entire source)
</html>
I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw. UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine. code: <div style="position: relative; top: 0; left: 0; width: 634px;"> <div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div> <div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div> <div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div> <div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div> <div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div> </div> Hello, I have rollover images (the department blocks) on this page: www.buildersbestdoitcenter.com They work in the preview window of my html editor, and in the IE preview, but they don't work once I post. I'm not a code cruncher, but the error message I get is that there is a missing object. Any help on this would be greatly appreciated. Thanks. KH I have a simple web page that I'm working on (http://milwaukeeweb.net/fivbook) and I have center tags that aren't working. The bold titles on each of these two pages are aligning left in Internet Explorer. I'm at a loss, and I'd welcome any help with fixing these. http://milwaukeeweb.net/fivbook/about.html http://milwaukeeweb.net/fivbook/jac.html Hey guys. I'm having a problem regarding a website I'm building for a friend. It displays perfectly fine on Mozilla Firefox, but when a certain page is viewed on Internet Explorer (said page is http://kod.cogia.net/index.php?page=members), it is absolutely messed up. I've inspected the code a few times but cannot come up with a reason why it is like that. The style code is located at " http://kod.cogia.net/includes/style.css ". The code for the members page is (the resulting HTML) can be viewed by looking at the source code of the page. Thanks for any and all help guys! I apologise if I am in the wrong section of the forum, but I'm not sure where it should be. I am at the end of my tether as to why something I do in my new web site using my favoured Mozilla Firefox does not work in Internet Explorer which I know many people use. My web site is www.otrcricket.com On the sponsors page is a link from our Sponsor (Ratcliffe) logo to their web site, it works perfectly in Mozilla but not in IE. Could someone kindly explain what I am doing wrong. I would be grateful for your help. Many thanks Victor I am testing a really simple embed code: Code: <embed src="1.mp3"
height=45
width=300
controls="smallconsole"
autostart="true"
nosave="true"
loop="true">
When I open it in IE (Most recent version): It loads inside a Windows Media Player Plug-in, and plays fine. When I open it in Firefox (Most recent version: It loads inside a Quicktime plug-in, plays once, but if you refresh the page it won't play. You have to clear your cookies, and restart Mozilla for it to work. I can't seem to figure out why? Thanks in advance. EDIT: I tried using <object> tags instead, it works in both browsers just fine: Code: <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="1.mp3"> <PARAM name="autostart" VALUE="true/1"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="1.mp3" NAME="MediaPlayer" WIDTH="200" HEIGHT="45" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hopefully this will help someone else with a similar problem. Hi all, I am beginner user in this forum. My problem --------------- I am dealing with a rich-text editor into which I would like to add a non-editable (read-only) div block. In other words the content inside the div block must not be edited by the editor user moreover he/she need not be able to select the content I've inserted in the div block. Micrsoft Internet Explorer supports two attributes for elements like div : Code:
(a) contenteditable (b) unselectable
Using which I've achieved what I am looking for but those attributes are IE browser specific and they fails in Mozilla Firefox (rather Gecko based browsers). I am looking for a method using which I can mak a <div> block non-editable as well as un-selectable in both IE and Mozilla Firefox. I hope you'll share your valuable thoughts and ideas to overcome this issue. Thanks in advance. Regards Codeexploiter Is it possible to turn off underlining of links in FF? I realise the user can turn them off in some versions of FF, but can the coder ensure they are never there? If not, is it possible to change the colour of the underlining? I have green links and blue underlining at the moment. Thanks. I have a lot of mp3's on my website for download. I want the download box to pop up when you click on the file so you can choose whether to save it or open it. It works fine in Internet Explorer. In Firefox it starts streaming the song in quicktime, which forces me to right click and hit 'save as' if I actually want to download it. Why does Firefox do this? I did find a few threads on this topic by searching the forums. Their solution was to use a lengthy php script. I was wondering if there was an easier way to do this possibly with some simple html code. Thanks. I just put up a flash banner and below it are the html links (incase someone doesn't want to dl the plugin) and it worked in IE6 but not in Firefox I don't know the reason why, I do see it in the source for FF but it's not showing. I also cleared cache but still don't see it. my site's at www.PTSgirl.com ..am I the only one who doesnt see it in firefox?? thanks in advance! 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. Hi, pretty new to HTML, any help would be greatly appreciated. My links back to my home page etc e.g. my menu links that link to my root folder work fine in IE but when I try opening them in firefox or Flock none of my links work including my link to my CSS style Sheet. Heres an example of my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Anime</title> <link rel="stylesheet" type="text/css" href=" /anime2.css"/> </head> <body> <div class="header"> <div class="logo"> <a href="/Anime.html"> <img src="/anime.png" alt-"Anime Hub" style="border-style:none"/> </a> </div> </div> <div class="menu"> <ul> <li> <a href="/anime.html"> Home </a> </li> <li> <a href="/animenews.html"> News </a> </li> <li> <a href="/animes.html"> Animes </a> </li> <li> <a href="/animepreviews.html"> Previews </a> </li> <li> <a href="/animeblog.html"> Blog </a> </li> <li> <a href="/animeforums.html"> Forums </a> </li> </ul> </div> Im using a forward slash for the link to search in my root folder, if I use ../../ to go back two folders it seems to work, but this is tedious and I am sure there must be another way. Please Help Thanks in advance 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> Ok, this is weird... On my links page (yeah, there's not much there yet) none of the links work. The sidebar works fine, but nothing else is clickable, and I'm not sure why. (Ok, that's a lie - I have no clue why!) If it matters I'm using Dreamweaver 8. I have been having a problem with the site I am trying to build. The links won't work when the text I have in the content goes past it. Here is a link to the site as an example. http://nate.augspot.com/news.php I have an html page and right above this page i placed an flash file by putting a layer above this file...now the problem is b/w IE and mozilla firefox. When i see my page in IE the links are working properly but in firefox links are not working properly becauz of flash file behind html page.....so can u plz help me out with this. Thanks in advance. Hey guys, I have a page here I'm testing out HTML dropdown links on: http://www.bluemasklover.co.uk/diary22.html and for some reason all 4 "site" buttons work in Firefox but not in IE. Could someone please tell me what I have to do to get them to work in both? Thanks BML. 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> |
|||||||