marquis Posted January 4, 2007 Share Posted January 4, 2007 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"> Link to comment Share on other sites More sharing options...
jlhaslip Posted January 4, 2007 Share Posted January 4, 2007 img {border-style: none} Link to comment Share on other sites More sharing options...
marquis Posted January 4, 2007 Author Share Posted January 4, 2007 this is on the css right is there any way to do it in the html code Link to comment Share on other sites More sharing options...
vchris Posted January 4, 2007 Share Posted January 4, 2007 add this attribute in your img tag: border="0" . This will work but is deprecated. I recommend using the css way as jlhaslip indicated. Link to comment Share on other sites More sharing options...
marquis Posted January 4, 2007 Author Share Posted January 4, 2007 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. Link to comment Share on other sites More sharing options...
jlhaslip Posted January 4, 2007 Share Posted January 4, 2007 post your code and let us play with it. Link to comment Share on other sites More sharing options...
marquis Posted January 4, 2007 Author Share Posted January 4, 2007 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} Link to comment Share on other sites More sharing options...
jlhaslip Posted January 4, 2007 Share Posted January 4, 2007 try emptying your cache in the browser you are using. Link to comment Share on other sites More sharing options...
marquis Posted January 4, 2007 Author Share Posted January 4, 2007 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 Link to comment Share on other sites More sharing options...
jesh Posted January 4, 2007 Share Posted January 4, 2007 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 seperationHmm, 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. Link to comment Share on other sites More sharing options...
Anders Moen Posted January 6, 2007 Share Posted January 6, 2007 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; Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now