Menu
  1. Accueil
  2. How To
  3. Webmaster
  4. HTML
Thanks
3
Thanks

A few words of thanks would be greatly appreciated.

Remove the border on an image in a link in HTML / CSS

Latest update on by Virginia Parsons.
Hyper Text Markup Language or HTML as it is commonly known, is the language of choice for coders around the world to build web pages. HTML provides a lot of flexibility in building interactive and dynamic web pages. For example, one can use an image as a clicking button for a particular link. However, as a default the browser displays a border around this image. To remove the border or an image in HTML /CSS, 0one needs to change the required attributes. In this case, to remove the border, the user has to set the attribute of the border as zero.



Remove the border on an image in a link in HTML/CSS


You made a clickable image by using the IMG tag within a <a href=""></a> link and the browser displays a frame or more precisely a border around the image.

There are two ways to delete the border:

HTML


Use the attribute BORDER = "0" in the tag <IMG>. For example: 

<A HREF="jak58.html"><IMG SRC="pic1.gif" ALT="My picture." BORDER="0"></A>


CSS solution

In the stylesheet, define the code below: 

a img  
{  
border: none;  
}
Thanks
3
Thanks

A few words of thanks would be greatly appreciated.

Ask a question
CCM is a leading international tech website. Our content is written in collaboration with IT experts, under the direction of Jeff Pillou, founder of CCM.net. CCM reaches more than 50 million unique visitors per month and is available in 11 languages.
This document, titled "Remove the border on an image in a link in HTML / CSS," is available under the Creative Commons license. Any copy, reuse, or modification of the content should be sufficiently credited to CCM (https://ccm.net/).
1 vote - 5.0 /5

1 Comment

Report

This worked for me, thanks!