Menu
HTML:
<html> <body> <header> <img class="logo" /> </header> </body> </html> CSS:
* { margin:0px; padding:0px; border:none; } img.logo { width:126px; height:50px; background-image:url('images/logo.png'); } One way or another everytime i try to style an IMG like this a strange border appears. Even if I would place border:0px; or border:none; in the img.logo css the border remains.
426
border: none; outline: none; the image is part of a sprite and there is no border around the image.
The <img> border attribute is used to specify the border width around the image.
Adding border="0" to your img tag prevents that picture from having a border around the image. However, adding border="0" to every image would not only be time consuming but also increase the file size and download time. To prevent all images from having a border, create a CSS rule or file with the following code.
It's the default "special" border that appears when you use an img element with an a src attribute set to something that doesn't exist (or no src at all).
A common workaround is to set the src to a blank.gif file:
<img class="logo" src="blank.gif" /> I have to point out that it (in this case) makes no sense to use an <img> with background-image. Just set the src attribute and forget about background-image.
115
You can Simply Use div instead of img for background image , if you are not going to use src attribute anywhere.
<div class="logo"> </div> otherwise src is required.
24
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
