Hi,
I have a small problem with mozillas image positioning, if it's inside a
link which is in a table cell. The following example needs an image of
100x25 px to work. How it should be is that the link uses yellow as
background-color but as there's a opaque image on it, no yellow should
be seen. Instead mozilla seems to push the image a few pixel up. You
will see the difference if you can get a windows box with ie installed.
IE seems to display it well and I could not explain, what's wrong with
my code. Please look at the following sample html-page:
<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="de" lang="de">
<head>
<title>
TITLE
</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td style="background-color: #0000ff;"> </td><td
style="text-align:center; background-color: #ff0000;"><!--
primary nav --><table style="margin: auto; width: 500px;border: none;"
cellpadding="0"
cellspacing="0"><tr><td style="text-align: left;width:100px;
background-color: #00ff00;"><a
href="" style="background-color:#ffff00;"><img src="images/start_sel.gif"
style="width: 100px; height: 25px; border: none;"
alt="start"/></a></td></tr></table><!--
end primary nav --></td></tr>
</table>
</body>
</html>
For me it seems that the code should be OK as it validates correct.
Could someone tell me what could be done to display the page as wanted -
table with 25 px height. I tried a lot, telling every thing to be 25 px
heigh and so on but nothing worked. Please help me with this point.
Thank you
Thomas
- Re: in <a> image position fails Thomas Scheffler
- Re: in <a> image position fails deelan
- Re: in <a> image position fails Thomas Scheffler
