Rollover Button Spacing and Onclick Bounding Box

[Mike_Reynolds]

Is there any way to make the buttons in the code below vertically flush with
one another and to turn off the onclick bounding box?

I have several striaght forward rollover buttons, vertically aligned, but my
code produces a few spaces of unwanted vertical pixels in between each
button, and when I depress the button an annoying little focus bounding box
appears on the right of the button. It is associated with the non-existant
anchor text. Though it is only a few pixels wide, it is exactly the height that
the bounding box around the anchor text would be, if the text were present.

I would be much obliged for any hints on how to fix this.

<a href="new_page_1.htm" onmousedown="button1.src=home_down.src"
onmouseover="button1.src=home_hover.src" onmouseout="button1.src=home.src">
<img src="home.jpg" border="0" name="button1" alt="Home" width="180" height="50" />
</a><br>
<a href="new_page_1.htm" onmousedown="button2.src=what_down.src" onmouseover="button2.src=what_hover.src" onmouseout="button2.src=what.src">
<img src="what.jpg" border="0" name="button2" alt="What is it?" width="180" height="50" />
</a><br>

[bathurst_guy]

You should use CSS instead

[buntine]

Wrong forum. Java is not JavaScript. ;)

[Mike_Reynolds]

Sorry, I thought I had selected the JavaScript forum... :D