Firefox bug?

test9991014 · Apr 1, 2008

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.

Beauregard T. Shagnasty · Apr 1, 2008

In said:
I am seeing what looks like a bug in Firefox.

What is the URL to your complete page? Without that, without a DOCTYPE,
without the images, it is impossible to replicate what you think you
see.

(Use a HTML 4.01 Strict doctype.)

I have a table within the cell of a table, and in the inner table's
cells I have images

This does not look like tabular data to me.

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

More lastly, have you validated your HTML and your CSS?
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator.html

David E. Ross · Apr 2, 2008

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/>.

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Help with Visual Lightbox: Scripts	2	May 3, 2023
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Image shifts to the right when export the page to pdf	4	May 5, 2023
Sort by number of characters	1	Nov 2, 2023
Help with my responsive home page	2	Dec 14, 2022
How to have two html audio players on one page?	0	May 3, 2022
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023

Firefox bug?

test9991014

Beauregard T. Shagnasty

David E. Ross

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads