[SOLVED] <a> stylization...

[Derleek]

I want to replace some text links with an image... How do i get rid of the blue box around the image in this code:

 

<li id="active"><!-- Gallery --><img src="./images/gallery.png" alt="Gallery" width="115" height="25">  </li>

[obsidian]

Add a border="0" attribute to the img tag itself. Then, if you wish to style the border of the image with some hover effect, just do something like this:

a img {
  border: 1px solid #000000;
}

a:hover img {
  border-color: #ff0000;
}

 

Good luck!