Forum Moderators: not2easy
<html>
<head>
<title>Test</title>
</head>
<body>
<table style="width: 100%;">
<tr>
<td style="width:100%; margin:0px auto; text-align: center;">
<a id="start" style="display: block; width:160px; height:75px;" href="#"
onClick="startClock(); return false;">
<img id="start_button" src="start.jpg" alt="Start button">
</a>
</td>
</tr>
</table>
</body>
</html>
It works with IE but not with Firefox.
Help!
<td> <!-- note none of these TD attributes are needed -->
<a id="start" style="display: block; width:160px; height:75px; margin: 0 auto 0 auto;" href="#"
onClick="startClock(); return false;"><img id="start_button" src="start.jpg" alt="Start button"></a>
</td>
You don't need a margin attribute on a cell, unless you want the cell to have a margin from adjoining cells or the parent table. :-) (I am kidding, margin on a table cell has no effect.)
margin: 0 auto;
Can't help it, excess code niggles me :-)
I definitely don't want to leave out the Firefox users. I want to make sure they can view the site too, the way it was intended to be seen.
Making this site is a big job and I've got it figured to take about another five weeks.
Soon I'll probably have some questions for the graphics board as I start to pretty it up a bit.
Thanks again for your help.
