i made a button but when i add

<a href="#" onmousedown="NextPhoto()" ><img src="nextBtn.jpg" /></a>

this gives me the image inside a rectangle, how can i erase it?
another question: how can i change the cursor when i use onClick?


thanks

Originally Posted by pizza

i made a button but when i add

<a href="#" onmousedown="NextPhoto()" ><img src="nextBtn.jpg" border="0"/></a>

Just need to add border="0" to your code. See modified code.

That border is a default and has been for a looonnnggg time. You have to do as webfinity suggested. Or, if you're using CSS, add the border: none to your img selector.

To clarify what LNR meant (since I can see someone asking the question), put this into your CSS:

img {
    border:  none;
}

That will remove all image borders by default, but if you want to add one in later on a specific element you can override this with classes and/or inline styling.

Originally Posted by pizza

another question: how can i change the cursor when i use onClick?

I might misunderstand your question, but if what you mean is to change cursor on image to be just like on hyperlink then here it is:

<img src="nextBtn.jpg" border="0" style="cursor:pointer;" />