Quoting Post Topic CSS (No Border on Images) Membername   Not a member? Sign Up Free (takes 20 seconds) Password   Forgotten your password? Post Font: Verdana Arial Black Georgia Comic Sans Impact   Size: Tiny Normal Big Huge   Color: Default Dark Red Red Orange Brown Green Olive Cyan Blue Dark Blue Indigo Black [ Check Spelling ] [ Post Preview ] [ LiveTags ] Quote: from [m]August Rush[/m] at 3:58 pm on May 27, 2009[quote]Internet Explorer and Firefox both place borders around certain images on my blog. http://www.jamesvarnham.supportbuddies.net/ This does not happen in Chrome and I understand I can fix this by setting a css value to border: 0 How do I set a global stylesheet class / id to fix this?[/quote] FAQ Keyword Search: Post Options Favorites Manager Notify me of new replies to this topic by email Notify me of new replies to this topic by private message Original Post August Rush Posted at 3:58 pm on May 27, 2009 Internet Explorer and Firefox both place borders around certain images on my blog. http://www.jamesvarnham.supportbuddies.net/ This does not happen in Chrome and I understand I can fix this by setting a css value to border: 0 How do I set a global stylesheet class / id to fix this?

Replies Daveh Posted at 3:14 am on July 2, 2009 Looks fine, you got it fixed i assume. Here's the code anyway. Code: img { border: 0px; } This tells the browser that anything with an image tag shouldn't have a border. you can remove the border completly on all images using the above code. The line is most likely caused or can be caused because the image is hyperlinked. So you can set CSS styling to links. which will effect only the image. Code: A img{ border: 0px; } Any hyperlinked image won't have a border Code: A { border: 0px; } all links won't have a border. Using the below code you can select a certain type of link, which makes it possible for you to change CSS based on the users interaction with the link. This is the best way yo have css effects on text/images such as rollovers. Code: A:link A:visited A:active A:hover anonomouse Posted at 1:42 am on June 29, 2009 First--I love that design. It looks really professional. It looks like you've gotten it fixed, though. I can't see any borders in any browser I use. Anyway, it's always good practice to use a CSS Reset whenever you start designing a web page because different browsers have different defaults. I know you didn't design the template, so I'm just posting this to show you how whoever designed it should have fixed it. Apparently they didn't throughly test it... Trendz Posted at 4:15 pm on May 27, 2009 Quote: from August Rush at 7:04 pm on May 27, 2009 Quote: from trendsetta at 12:00 am on May 28, 2009 http://www.htmlcodetutorial.com/images/images_famsupp_216.html Thanks, but I need to find how to do this with CSS as i'm using a wordpress template and I need to fix this problem for the whole site. Thanks though.. Here's a wizard I found. It should help you. http://www.somacon.com/p141.php August Rush Posted at 4:04 pm on May 27, 2009 Quote: from trendsetta at 12:00 am on May 28, 2009 http://www.htmlcodetutorial.com/images/images_famsupp_216.html Thanks, but I need to find how to do this with CSS as i'm using a wordpress template and I need to fix this problem for the whole site. Thanks though.. Trendz Posted at 4:00 pm on May 27, 2009 http://www.htmlcodetutorial.com/images/images_famsupp_216.html All 5 previous replies displayed.