|
Posted by David E. Ross on April 1, 2008, 8:47 pm
Please log in for more thread options On 4/1/2008 5:01 AM, test9991014@yahoo.com wrote:
> 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/>.
| 
XML Sitemap