cell border being highlighted

[mcpalmer]

Hi, I've created a graphical navbar with fireworks to navigate around an html page. When an item in the navbar is clicked it is highlighted as i want it to with a new graphic swapped in, but the table cell border where the graphic is sitting in is also highlighted. Does anyone know how i can stop this border being highlighted?

[jscheuer1]

It would be easier if you could provide a link to your problem page. However, it sounds like you have some variation on this theme happening:

<a href=somepage.htm><td><img src=some.jpg></td></a>

make that:

<td><a href=somepage.htm><img src=some.jpg></a></td>

Either that, or it is not the cell border but the image border being highlighted. In which case all you need to do is zero the image border:

<img src=some.jpg border=0>

Like I say, hard to know without seeing it but, these are two likely reasons this is happening, there are other possibilities.

[mcpalmer]

Well i looked at the code and its ok concerning the potential problems you mentioned. Here is the code:

<table border="0" cellpadding="0" cellspacing="0" width="152">
    <!-- fwtable fwsrc="sidekwiktest.png" fwbase="sidekwiktst.gif" fwstyle="Dreamweaver" fwdocid = "70349542" fwnested="0" -->
    <tr>
      <td colspan="6"><img name="sidekwiktst_r1_c1" src="images/navkwiktest/sidekwiktst_r1_c1.gif" width="152" height="27" border="0" alt=""></td>
    </tr>
    <tr>
      <td rowspan="9"><img name="sidekwiktst_r2_c1" src="images/navkwiktest/sidekwiktst_r2_c1.gif" width="27" height="318" border="0" alt=""></td>
      <td colspan="4"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r2_c2','images/navkwiktest/sidekwiktst_r2_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r2_c2','images/navkwiktest/sidekwiktst_r2_c2_f2.gif','images/navkwiktest/sidekwiktst_r2_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r2_c2" src="images/navkwiktest/sidekwiktst_r2_c2_f3.gif" width="122" height="14" border="0" alt=""
	  onload="MM_nbGroup('init','navbar1','sidekwiktst_r2_c2','images/navkwiktest/sidekwiktst_r2_c2.gif',1)"></a></td>
      <td rowspan="9"><img name="sidekwiktst_r2_c6" src="images/navkwiktest/sidekwiktst_r2_c6.gif" width="3" height="318" border="0" alt=""></td>
    </tr>
    <tr>
      <td colspan="4"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r3_c2','images/navkwiktest/sidekwiktst_r3_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r3_c2','images/navkwiktest/sidekwiktst_r3_c2_f2.gif','images/navkwiktest/sidekwiktst_r3_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r3_c2" src="images/navkwiktest/sidekwiktst_r3_c2.gif" width="122" height="12" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td colspan="4"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r4_c2','images/navkwiktest/sidekwiktst_r4_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r4_c2','images/navkwiktest/sidekwiktst_r4_c2_f2.gif','images/navkwiktest/sidekwiktst_r4_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r4_c2" src="images/navkwiktest/sidekwiktst_r4_c2.gif" width="122" height="11" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td colspan="4"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r5_c2','images/navkwiktest/sidekwiktst_r5_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r5_c2','images/navkwiktest/sidekwiktst_r5_c2_f2.gif','images/navkwiktest/sidekwiktst_r5_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r5_c2" src="images/navkwiktest/sidekwiktst_r5_c2.gif" width="122" height="13" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td colspan="4"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r6_c2','images/navkwiktest/sidekwiktst_r6_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r6_c2','images/navkwiktest/sidekwiktst_r6_c2_f2.gif','images/navkwiktest/sidekwiktst_r6_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r6_c2" src="images/navkwiktest/sidekwiktst_r6_c2.gif" width="122" height="11" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td colspan="2"><img name="sidekwiktst_r7_c2" src="images/navkwiktest/sidekwiktst_r7_c2.gif" width="10" height="13" border="0" alt=""></td>
      <td colspan="2"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r7_c4','images/navkwiktest/sidekwiktst_r7_c4_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r7_c4','images/navkwiktest/sidekwiktst_r7_c4_f2.gif','images/navkwiktest/sidekwiktst_r7_c4_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r7_c4" src="images/navkwiktest/sidekwiktst_r7_c4.gif" width="112" height="13" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td rowspan="3"><img name="sidekwiktst_r8_c2" src="images/navkwiktest/sidekwiktst_r8_c2.gif" width="2" height="244" border="0" alt=""></td>
      <td colspan="3"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r8_c3','images/navkwiktest/sidekwiktst_r8_c3_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r8_c3','images/navkwiktest/sidekwiktst_r8_c3_f2.gif','images/navkwiktest/sidekwiktst_r8_c3_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r8_c3" src="images/navkwiktest/sidekwiktst_r8_c3.gif" width="120" height="14" border="0" alt=""></a></td>
    </tr>
    <tr>
      <td rowspan="2"><img name="sidekwiktst_r9_c3" src="images/navkwiktest/sidekwiktst_r9_c3.gif" width="8" height="230" border="0" alt=""></td>
      <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','sidekwiktst_r9_c4','images/navkwiktest/sidekwiktst_r9_c4_f3.gif',1);" onMouseOver="MM_nbGroup('over','sidekwiktst_r9_c4','images/navkwiktest/sidekwiktst_r9_c4_f2.gif','images/navkwiktest/sidekwiktst_r9_c4_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="sidekwiktst_r9_c4" src="images/navkwiktest/sidekwiktst_r9_c4.gif" width="67" height="11" border="0" alt=""></a></td>
      <td rowspan="2"><img name="sidekwiktst_r9_c5" src="images/navkwiktest/sidekwiktst_r9_c5.gif" width="45" height="230" border="0" alt=""></td>
    </tr>
    <tr>
      <td><img name="sidekwiktst_r10_c4" src="images/navkwiktest/sidekwiktst_r10_c4.gif" width="67" height="219" border="0" alt=""></td>
    </tr>
  </table>

Its been created by fireworks so excuse the mess. Could it just be an issue with my windows settings? The reason i say this is I get the same type of borders when i click on slide bars in video card colour correction for example. Never noticed it until now

[jscheuer1]

That's a possibility, not sure. That code tells me only what you told me, you haven't created either of the two situations I mentioned. To troubleshoot further I'd need that link to your work (preferred) or full page and script code.

[mcpalmer]

Ok, i will send a link when my server is up again. Currently having a few problems!