bahamut100 bahamut100 - 5 months ago 6
CSS Question

How remove border around image in css?

I try to display a span when the cursor of the mouse is on a help icon.

It works, but nevertheless, I don't manage to remove the border around the icon.

My CSS :

.info{
position:absolute;
border:none;
}

a.info{
position:absolute;
z-index:24;
background:none;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF;
cursor:help;
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
cursor:help;
bottom:0px;
left:26px;
width:150px;
padding:4px;
}


cd

Answer

Try this:

img{border:0;}

You can also limitate the scope and only remove border on some images by doing so:

.myClass img{border:0;}

More information about the border css property can by found here.

Edit: Changed border from 0px to 0. As explained in comments, px is redundant for a unit of 0.

Comments