McPhersonline Posted August 4, 2009 Share Posted August 4, 2009 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 Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted August 4, 2009 Share Posted August 4, 2009 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... Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 Thanks for your help, but neither of those fixed the problem. Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted August 4, 2009 Share Posted August 4, 2009 did you note how I spelt decoration wrong??? if they dont fix it then something else is dickin with it.... Quote Link to comment Share on other sites More sharing options...
ldougherty Posted August 4, 2009 Share Posted August 4, 2009 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'> Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 I made the adjustment, but it didn't fix the problem Thanks for pointing out that error though. Quote Link to comment Share on other sites More sharing options...
roopurt18 Posted August 4, 2009 Share Posted August 4, 2009 I don't see the lines you're talking about, but your page does render slightly differently in IE7, FF3, and Google Chrome. Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 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) Quote Link to comment Share on other sites More sharing options...
Philip Posted August 4, 2009 Share Posted August 4, 2009 I also don't see the lines. Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 You don't see them in any browser? Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 They're not big. They're like...hyphen-sized. Quote Link to comment Share on other sites More sharing options...
Philip Posted August 4, 2009 Share Posted August 4, 2009 Thats correct, can you take a screenshot? Here's mine: http://img20.imageshack.us/img20/9540/capx.jpg Ahh at the bottom? Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 I see them in your screenshots. I would post screenshots, but they'd look exactly like yours. Yes, the little hyphens at the bottom. Quote Link to comment Share on other sites More sharing options...
phpSensei Posted August 4, 2009 Share Posted August 4, 2009 Your HTML coding first of all is a mess. Validate it through w3, then come back if you still have the same problems. Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 What does 'validate it through w3' mean? Quote Link to comment Share on other sites More sharing options...
phpSensei Posted August 4, 2009 Share Posted August 4, 2009 http://validator.w3.org/ 19 Errors, 18 warning(s) Quote Link to comment Share on other sites More sharing options...
phpSensei Posted August 4, 2009 Share Posted August 4, 2009 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> Quote Link to comment Share on other sites More sharing options...
McPhersonline Posted August 4, 2009 Author Share Posted August 4, 2009 Alright, the problem is fixed. Thank you for everything dude. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.