- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello all,
Im having some issues with some images they are displaying a border even tho there is no border applied to the image
http://s21.postimg.org/caq510tqv/Screen_Shot_2015_11_20_at_9_24_16_AM.png
Ive added the css
img {border:0;}
but it doesn’t seem to be taking effect, there is no other css code that would be causing the images to display a border.
any help would be appreciated.
Can’t diagnose an image.
If you can provide a demo or a link though…
Please visit:
Hello,
Can you give us an overview of HTML and CSS code ? The border would not it after the image itself ?
Thx!
Hello,
Yeah its
.research {width:100px; height:100px; background: url(http://carleyconsult.wp.castus1.co.uk/wp-content/uploads/2014/10/research_sprite.png) 0px 0 !important;}
.research:hover {background: url(http://carleyconsult.wp.castus1.co.uk/wp-content/uploads/2014/10/research_sprite.png) -100px 0 !important;}
img {
width: 100px;
height: 100px;
border:0;
}
Hello,
The img tag needs the src attribute , the border you see is generated by the browser that is not the image. You should replace your tag with a simply div.
Good luck !
Nice ! You can remove alt attribute on div to finish.