images outline

[marquis]

when i display an image there is a white line bordering the image it here any way to get rid of it<img src="images/bigdoglogo.gif" width="220"height="75">

[jlhaslip]

img {border-style: none}

[marquis]

this is on the css right is there any way to do it in the html code

[vchris]

add this attribute in your img tag: border="0" . This will work but is deprecated. I recommend using the css way as jlhaslip indicated.

[marquis]

ok the only reason it i asked if there was a way to do it in the html code was cause the css way didnt work niether did the html way.

[jlhaslip]

post your code and let us play with it.

[marquis]

html<img src="images/bigdoglogo.gif" width="220"height="75" border="0">cssimg{float:none; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:none solid #d0d0d0; border-style:none}

[jlhaslip]

try emptying your cache in the browser you are using.

[marquis]

yea that didnt work its real wierdits not that big of a deal it would just be nice it not have the 1 px of white seperation

[jesh]

yea that didnt work its real wierdits not that big of a deal it would just be nice it not have the 1 px of white seperation

Hmm, someone else was running into this problem in another post and setting the display of the image to block rather than inline solved it.

img { display: block; border-witdh: 0px; }

Of course, the image will then be a block level element rather than an inline element and you may need to play around with it to get it to display where/how you want it. But that got rid of the white space under the image.

[Anders Moen]

HTML

<img src="your_image.jpg">

img { border: 0px; }

to use img {border-style: none;} as I saw further up, is wrong, well, it might work, but I don't recommend it when you can do it simpler with using only border: 0px;