Published on: 12 July, 2013

How to remove link border around the image in Html

Posted by andy | 1410 views 0 likes 0 favourites 0 comments
Tumblr Digg Google Plus

When you create a hyperlink using an image, you will notice that there is link border around the image. By default in Internet Explorer, the color of the border is blue border. This border is automatically added around the image.

There are two available solution you can apply in here. The first solution is to include a property called border and set to 0. See below example:

<a href="#mylink"><img alt="my logo" src="http://www.webkeet.com/contents/images/Webkeet-Online-Learning.png" style="border-width: 0px; border-style: solid;"/></a>

Second alternative is using CSS, you can to cover all the images inside a hyperlink will not have a border. See the example:

a img{
   border:none;
}
Comments

There are no comments available.

Write Comment
0 characters entered. Maximum characters allowed are 1000 characters.
Share your article with us and add your own google adsense account to earn extra money. Plus, you can promote a link back to your site.
Related Articles
Published on: 20 May, 2016
Do you need to create a beautiful, simple and elegant pagination links with css? Simply follow our easy and quick tutorial on how to create the pagination links easily with CSS.
Published on: 31 January, 2016
The easy way to optimize your site for printing is to create a separated external css targeting a media to print only. When a printing action is being executed, the browser will send over the information from your page to the printer. It will also check if there is any specific style sheet that will be used for printing mode only. If there is, it will then render the page content using the media print css file. Therefore the page you see in the printer paper may completely looks different with the one you see in a page. The idea of optimizing in here is to hide unnecessary content.
Related Tutorials
Published on: 10 August, 2013
z-index is a css property that allows to position an object/element in front/behind of other elements.