LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 603 users online 225268 members 991 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Memberlist | Dictionary | News | FAQ
Member Spotlight
Areola
Cool Things: Areolas.
Mood: Lonely
You have 1 new message.
Emergency Help
Until you sign up you can't do much. Yes, it's free.

Sign Up Now
Membername:
Password:
Already have an account?
Invite Friends
Active Members
Groups
Contests
Moderators
3 online / 45 MPM
Christmas!
Fresh Topics
  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Adding Reply

Adding Reply
Topic CSS (No Border on Images)
Membername   Not a member? Sign Up Free (takes 20 seconds)
Password   Forgotten your password?
Post

Font:   Size:   Color:

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...
420trendz 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..

420trendz Posted at 4:00 pm on May 27, 2009
http://www.htmlcodetutorial.com/images/images_famsupp_216.html
All 5 previous replies displayed.