LiveWire Network Peer Answers Peer Support Teen Forums Tech Forums College Forums 677 users online 223054 members 1442 active today Advertise Here Sign In
TeenCollegeTechPhotos | Quizzes | LiveSecret | Memberlist | Dictionary | News | FAQ
Member Spotlight
Raiku
Peeves: How some people treat others.
Mood: Disappointed
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
7 online / 21 MPM
Fresh Topics
  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic

CSS (No Border on Images)
Replies: 5Last Post July 2 3:14am by Daveh
Welcome to LiveWire!
We're Stronger Together.
Join the Community
Single page for this topic Email Print Favorite
( August Rush )


Visionary

Patron
Reply
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?

-------
From the UK? - Join the group!

Please Give Me Points :-)


3:58 pm on May 27, 2009 | Joined: May 2008 | Days Active: 338
Join to learn more about August Rush England, United Kingdom | Straight Male | Posts: 2,493 | Points: 9,251
LiveWire Humor
Trendz


Scenester

Sustainer
Tech Support Leader
Reply
http://www.htmlcodetutorial.com/images/images_famsupp_216.html

4:00 pm on May 27, 2009 | Joined: Oct. 2008 | Days Active: 306
Join to learn more about Trendz Ontario, Canada | Posts: 19,055 | Points: 37,700
( August Rush )


Visionary

Patron
Reply
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..

-------
From the UK? - Join the group!

Please Give Me Points :-)


4:04 pm on May 27, 2009 | Joined: May 2008 | Days Active: 338
Join to learn more about August Rush England, United Kingdom | Straight Male | Posts: 2,493 | Points: 9,251
Trendz


Scenester

Sustainer
Tech Support Leader
Reply
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


4:15 pm on May 27, 2009 | Joined: Oct. 2008 | Days Active: 306
Join to learn more about Trendz Ontario, Canada | Posts: 19,055 | Points: 37,700
anonomouse


Dairy Product Addict
Reply
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...

-------
I once heard the voice of God.
It said "Vrrrrmmmmm." Unless it was just a lawn mower.

1:42 am on June 29, 2009 | Joined: April 2007 | Days Active: 82
Join to learn more about anonomouse California, United States | Straight Male | Posts: 605 | Points: 1,582
Daveh


Wealthy Hobo

Patron
Reply
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

Post edited at 3:21 am on July 2, 2009 by Daveh


3:14 am on July 2, 2009 | Joined: Mar. 2008 | Days Active: 309
Join to learn more about Daveh England, United Kingdom | Male | Posts: 1,525 | Points: 4,679
Single page for this topic Email Print Favorite

Quick Reply

You are signed in as our guest.

Looking for something else?
 

  LiveWire / Technical Forums / Web Design & Search Engine Optimization / Viewing Topic