wsabba01 Posted January 15, 2013 Share Posted January 15, 2013 (edited) I created this website https://www.readingm.../submission.php and I have menu on the right with images but in IE it shows blue border around the images. In the other browsers it does not show. Is there a CSS code I can use to get rid of the border in IE. I have this css file attached. this is the code I use the code below. Any help is appreciated. #rightnav .image1{height:auto;width:160px;float:center;border:0px;padding-bottom:5px;padding:5px 0px 3px 6px;border-bottom:2px #B00047 dotted;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 5px; journalstylesheet.css Edited January 15, 2013 by wsabba01 Link to comment Share on other sites More sharing options...
DarkxPunk Posted January 15, 2013 Share Posted January 15, 2013 Good practice is to always reset your basic elements. For example at the top of your CSS you could have something like... html,body,img {margin: 0;border: 0;padding: 0;color: #000000; /* Or whatever font color will be dominate */font-family: arial; /* Or whatever font family will be dominate */} Over time you will add more resets, and maybe even have different groups if elements resetted in certain ways, such as maybe removing all list formatting for uls and lis etc.What I posted in code will solve your problem FYI. Link to comment Share on other sites More sharing options...
wsabba01 Posted January 15, 2013 Author Share Posted January 15, 2013 thanks it worked perfectly. Link to comment Share on other sites More sharing options...
knystrom18 Posted January 16, 2013 Share Posted January 16, 2013 (edited) Lot's of people use the "Meyerweb Reset", myself included.http://meyerweb.com/...ools/css/reset/ Edited January 16, 2013 by Coaxsist Link to comment Share on other sites More sharing options...
xhtmlchamps1 Posted January 16, 2013 Share Posted January 16, 2013 I created this website https://www.readingm.../submission.php and I have menu on the right with images but in IE it shows blue border around the images. In the other browsers it does not show. Is there a CSS code I can use to get rid of the border in IE. I have this css file attached. this is the code I use the code below. Any help is appreciated. #rightnav .image1{height:auto;width:160px;float:center;border:0px;padding-bottom:5px;padding:5px 0px 3px 6px;border-bottom:2px #B00047 dotted;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 5px; Link to comment Share on other sites More sharing options...
xhtmlchamps1 Posted January 16, 2013 Share Posted January 16, 2013 Hello friend, You can use the code in CSS in order to remove your border appearance in browser, code is: border: none;orborder: 0Try it once you can get better result. Link to comment Share on other sites More sharing options...
DarkxPunk Posted January 16, 2013 Share Posted January 16, 2013 Lot's of people use the "Meyerweb Reset", myself included.http://meyerweb.com/...ools/css/reset/ very good 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