Firefox bug?

#1

Hi folks,

I am seeing what looks like a bug in Firefox.

I have a table within the cell of a table, and in the inner table's
cells I have images
that are links. There are white vertical lines showing up when I move
the pointer
over those image-links. These do not appear under IE. I have set the
text-decoration for the images to none and border=0 as well.

<table width=800>
<tr>
<td width=400><img src=blah width=400 height=100>
<td width=400> Top right: text
</tr>
<tr>
<td><img src=foo width=400></td>
<td>
<table height=30 width=400>
<tr>
<td><a href=foo1><img src=bar1 width=100 height=30 border=0
style="text-decoration: none"></a>
<td><a href=foo2><img src=bar2 width=100 height=30 border=0
style="text-decoration: none"></a>
<td><a href=foo3><img src=bar3 width=100 height=30 border=0
style="text-decoration: none"></a>
<td><a href=foo4><img src=bar4 width=100 height=30 border=0
style="text-decoration: none"></a>
</tr>
</table>
</td>
</tr>
</table>

The white lines always appear to the left of whatever image the
pointer is on top of.

Lastly, I checked and all the images are the correct size.

Thanks for any help.

#2

On 4/1/2008 5:01 AM, test9991014 (AT) yahoo (DOT) com wrote:

Quote:

Hi folks,

I am seeing what looks like a bug in Firefox.

I have a table within the cell of a table, and in the inner table's
cells I have images
that are links. There are white vertical lines showing up when I move
the pointer
over those image-links. These do not appear under IE. I have set the
text-decoration for the images to none and border=0 as well.

table width=800
tr
td width=400><img src=blah width=400 height=100
td width=400> Top right: text
/tr
tr
td><img src=foo width=400></td
td
table height=30 width=400
tr
td><a href=foo1><img src=bar1 width=100 height=30 border=0
style="text-decoration: none"></a
td><a href=foo2><img src=bar2 width=100 height=30 border=0
style="text-decoration: none"></a
td><a href=foo3><img src=bar3 width=100 height=30 border=0
style="text-decoration: none"></a
td><a href=foo4><img src=bar4 width=100 height=30 border=0
style="text-decoration: none"></a
/tr
/table
/td
/tr
/table

The white lines always appear to the left of whatever image the
pointer is on top of.

Lastly, I checked and all the images are the correct size.

Thanks for any help.

Nested tables are generally a very bad idea. Many browsers --
especially audio browsers for the blind -- can't handle them. Tables
should be used only for tabular presentations, which I don't see in your
outer table.

Also, instead of repeating the
style="text-decoration: none"
on each <img>, define a style in the <Head> section:
<style TYPE="text/css">
img.nodec { text-decoration: none }
</style>
Then, merely specify
<img class=nodec . . . >
omitting style=". . ." from each <img>. On the other hand, if ALL
images have that style, then define
<style TYPE="text/css">
img { text-decoration: none }
</style>
and omit the class=nodec.

As for there being an error in Firefox, I won't believe it until I see
the results of a W3C validation at <http://validator.w3.org/> and
<http://jigsaw.w3.org/css-validator/>. For that, I need a URL.

--
David Ross
<http://www.rossde.com/>

Have you been using Netscape and now feel abandoned by AOL?
Then use SeaMonkey. Go to <http://www.seamonkey-project.org/>.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Firefox bug?

HTML Writing HTML for the Web (comp.infosystems.www.authoring.html)

Firefox bug? - 04-01-2008 , 08:01 AM

Re: Firefox bug? - 04-01-2008 , 07:47 PM