DHTML problem in other browsers

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I recently designed a website for a friend using FP2000 (she has FP2003 and
published the site using her own host). Here’s the URL:
www.theportlandcollection.com. There are problems with the DHTML links in
the heading. The links work but not the animation (mouse over font changes)
with NS and FF browsers (OK with IE). There are also problems with the color
consistency of some table borders. Could you please suggest alternative code
I could plug in, or another solution, so that animation would work on NS and
FF? And, if possible, a solution for the borders as well. Or, might the
problems be resolved it I redid those pages in her FP2003 program? Thank
you so much for any helpful assistance. GP
 
Website cannot be found (09:05 GMT), though there are several references to
the URL in MSN search.
 
That's strange! When I copied and pasted the URL I'd provided (thinking I
might have made a typo) the site came right up for me. Please try again and
let me know if you have some advice. Again, it's "theportlandcollection.com"
Thanks.
 
For each link, I suggest you replace this (example for first link):
<td width="12%" style="border-left-style:none; border-left-width:medium;
border-right-style:solid; border-right-width:1; border-top-style:none;
border-top-width:medium; border-bottom-style:none;
border-bottom-width:medium" bgcolor="#CCECFF" bordercolor="#9999FF">
<p align="center" dynamicanimation="fpAnimformatRolloverFP1"
fprolloverstyle="font-family: Verdana; color: #800000; text-decoration:
underline; font-style: oblique" onmouseover="rollIn(this)"
onmouseout="rollOut(this)" language="Javascript1.2">
<span style="letter-spacing: 1pt"><b><font face="Verdana">
<a href="index.htm" dynamicanimation="fpAnimformatRolloverFP1"
fprolloverstyle="font-family: Verdana; color: #800000; text-decoration:
none; font-style: oblique" onmouseover="rollIn(this)"
onmouseout="rollOut(this)" language="Javascript1.2">
<font color="#000000">home</font></a></font></b></span></p>
</td>
with

<td class="nav"><a href="index.htm">Home</a></td>

and in the head section, replace:

<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js">
</script>

with

<style type="text/css">
..nav {padding: 0 1em;text-align:center;border-right:2px #9999FF solid;
border-left:none; border-top:none; border-bottom:none;
background:#CCECFF;}
..nav a {font-family: Verdana,Arial,San-serif;color:#80000;}
..nav a:hover {color:#80000;font-style:oblique;text-decoration:none;}
</style>

For the last link, use an inline style to remove the right border:

<td class="nav" style="border-right:none;">.....</td>


Also, use CSS to set the table border colours - FireFox and Netscape will
not work with bordercolor attributes.
 
Back
Top