Image Links

• 

  lynchprintingllc · Member · Jun 2, 2011 at 3:04 pm

  • Copy link
  • Add topic to favorites

  Hey everybody, I’m new to using html. I would like to know if anybody could help me understand how to get rid of the small blue bar underscoring right after the social media icons/links in the lefthand menu. This is the code I used:

  <img border=”0″ src=”http://i1190.photobucket.com/albums/z451/LynchPrinting1/fb2.png” /> <img border=”0″ src=”http://i1190.photobucket.com/albums/z451/LynchPrinting1/twitter2.png” /> <img border=”0″ src=”http://i1190.photobucket.com/albums/z451/LynchPrinting1/in.png” /> <img>

  The blog I need help with is: (visible only to logged in users)

• 

  lynchprintingllc · Member · Jun 2, 2011 at 3:06 pm

  • Copy link

  The entire code didn’t copy, but it’s the same thing just repeating changing out the various links for their respective icons and websites.

• 

  devblog · Member · Jun 2, 2011 at 3:15 pm

  • Copy link

  Although I don’t see the underlines in Firefox (I assume you’re using Chrome), because the img tags are inside anchor tags, you’d need to add this attribute to your anchor (a) tags:

  style="text-decoration: none;"

  So the whole code should look something like this:

  <a href="http://www.facebook.com/#!/pages/Lynch-Printing-LLC/222554761090825/" style="text-decoration: none;">
  <img border="0" src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/fb2.png" />
  </a>

  Repeat for every image.

  Try that, and if the wp.com software removes said attribute, then you’d need the CSS upgrade to remove the underlines (which is not recommended if you don’t have CSS experience).

• 

  lynchprintingllc · Member · Jun 2, 2011 at 3:23 pm

  • Copy link

  Okay, thanks. It didn’t even occur to me that it could be because of my browser. I’m using a work computer with an old version of IE.