matthyx Posted January 25, 2006 Share Posted January 25, 2006 (edited) Hello,To make some links look more fancy, I am adding an image in front of them with this kind of definition in my CSS:.mylink { background: url(mytinyimage.png) left center no-repeat; padding-left: 13px;}Everything works fine: XHTML 1.0 strict and CSS validated, rendering fine in Firefox.Unfortunately, some of my friends are using IE6 and, with it, a 1px blue border appears around the image. This is pretty ugly as mytinyimage.png has a rounded shape...Is there a way to force-remove this border? Edited January 26, 2006 by Skemcin Link to comment Share on other sites More sharing options...
boen_robot Posted January 25, 2006 Share Posted January 25, 2006 border: 0px solid #000000; ? Link to comment Share on other sites More sharing options...
matthyx Posted January 25, 2006 Author Share Posted January 25, 2006 No, it doesn't work.Borders are still there with IE .mylink { background: url(mytinyimage.png) left center no-repeat; padding-left: 13px; border: 0px solid #000000;} Link to comment Share on other sites More sharing options...
smiles Posted January 25, 2006 Share Posted January 25, 2006 try this border-width: 0px 0px 0px 0px; Link to comment Share on other sites More sharing options...
matthyx Posted January 26, 2006 Author Share Posted January 26, 2006 No, it still doesn't help Again, this problem only shows with IE... Firefox and Safari rendering are fine. .mylink { background: url(myimage.png) left center no-repeat; padding-left: 13px; border-width: 0px 0px 0px 0px;} Link to comment Share on other sites More sharing options...
Err Posted January 26, 2006 Share Posted January 26, 2006 It would help if you posted all of your HTML here from that page, so people can help you more effectively. or a link is fine. Link to comment Share on other sites More sharing options...
matthyx Posted January 26, 2006 Author Share Posted January 26, 2006 Sure... here. Link to comment Share on other sites More sharing options...
Jonas Posted January 26, 2006 Share Posted January 26, 2006 It's still a link, right? The image is a background, not part of the link itself?Trytext-decoration: none;orborder-style: none; Link to comment Share on other sites More sharing options...
Err Posted January 26, 2006 Share Posted January 26, 2006 Sure... here.<{POST_SNAPBACK}> After playing around with it, I figured out it was the image itself. Apearrently IE doesn't like .png images. GIF's worked great though.here you go: edited - Removed image Link to comment Share on other sites More sharing options...
matthyx Posted January 26, 2006 Author Share Posted January 26, 2006 It works, thank you so much! Link to comment Share on other sites More sharing options...
Err Posted January 26, 2006 Share Posted January 26, 2006 It works, thank you so much!<{POST_SNAPBACK}> Sure thing 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