[SOLVED] Image Border | Not so simple

[McPhersonline]

 

My image links don't necessarily have "borders." It's more of a tiny blue line just benath/just to the right of the image.

 

http://www.mcphersonline.com/pages/bio.html

 

If you look at the tiny gray bar with the youtube, twitter, and facebook icons, you'll see the tiny little blue or purple lines. Either that, or they appear on image links you've already clicked. So click one, then hit back and you should see what I'm talking about.

 

I've tried border=0

[ToonMariner]

use css...

 

a img { border: none; }

 

<img ... border="0" /> - the border attribute is deprecated...

 

if you still have probs try text-docoration: none; in your css...

[McPhersonline]

Thanks for your help, but neither of those fixed the problem.

[ToonMariner]

did you note how I spelt decoration wrong???

 

if they dont fix it then something else is dickin with it....

[ldougherty]

The border=0 goes on the img tag not the href.

 

<img src=/images/sitegraphics/facebook.png>

 

should be

 

<img src='/images/sitegraphics/facebook.png' border='0'>

 

[McPhersonline]

I made the adjustment,

but it didn't fix the problem

 

Thanks for pointing out that error though.

[roopurt18]

I don't see the lines you're talking about, but your page does render slightly differently in IE7, FF3, and Google Chrome.

[McPhersonline]

Thanks for the note.

 

...But yeah, the lines are still there. (In FF and IE, at least. I don't have Chrome, so I don't know 'bout that one)

[Philip]

I also don't see the lines.

[McPhersonline]

You don't see them in any browser?

[McPhersonline]

They're not big. They're like...hyphen-sized.

[Philip]

Thats correct, can you take a screenshot?

 

Here's mine:

http://img20.imageshack.us/img20/9540/capx.jpg

 

Ahh at the bottom?

[McPhersonline]

I see them in your screenshots.

 

I would post screenshots, but they'd look exactly like yours.

 

Yes, the little hyphens at the bottom.

[phpSensei]

Your HTML coding first of all is a mess. Validate it through w3, then come back if you still have the same problems.

 

 

[McPhersonline]

What does 'validate it through w3' mean?

[phpSensei]

http://validator.w3.org/

 

 

19 Errors, 18 warning(s)

[phpSensei]

To fix the problem, just put this in your CSS

 

.imglink {
text-decoration: none;
}
.imglink a:link{
text-decoration: none;
}
.imglink a:active{
text-decoration: none;
}
.imglink a:visited{
text-decoration: none;
}

 

 

and change

 

 <div id=joinpannel>

 

to

 

 <div class="imglink" id=joinpannel>

[McPhersonline]

Alright, the problem is fixed.

 

Thank you for everything dude.