matthyx 0 Posted January 25, 2006 Report 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 Quote Link to post Share on other sites
boen_robot 107 Posted January 25, 2006 Report Share Posted January 25, 2006 border: 0px solid #000000; ? Quote Link to post Share on other sites
matthyx 0 Posted January 25, 2006 Author Report 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;} Quote Link to post Share on other sites
smiles 7 Posted January 25, 2006 Report Share Posted January 25, 2006 try this border-width: 0px 0px 0px 0px; Quote Link to post Share on other sites
matthyx 0 Posted January 26, 2006 Author Report 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;} Quote Link to post Share on other sites
Err 10 Posted January 26, 2006 Report 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. Quote Link to post Share on other sites
matthyx 0 Posted January 26, 2006 Author Report Share Posted January 26, 2006 Sure... here. Quote Link to post Share on other sites
Jonas 151 Posted January 26, 2006 Report 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; Quote Link to post Share on other sites
Err 10 Posted January 26, 2006 Report 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 Quote Link to post Share on other sites
matthyx 0 Posted January 26, 2006 Author Report Share Posted January 26, 2006 It works, thank you so much! Quote Link to post Share on other sites
Err 10 Posted January 26, 2006 Report Share Posted January 26, 2006 It works, thank you so much!<{POST_SNAPBACK}> Sure thing Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.