How to get rid of Blue/Purple Around links?

by testaccount9998

Posted: 15 years ago 6 replies

WEB DESIGN

This may be a stupidly easy question, but I am not very experienced with html/css.

I am putting some text and an image as a link in my sidebar.

Everything is fine except it has that stupid blue/purple bar around it showing that it is a link.

Is this a browser issue? (does the same in FF and IE)

or is there some html tag I can use to get this to go away?

Thanks

Rebtl

#blue or purple #links #rid

pdjsolutions 15 years ago

well
in your stylesheet add

img { border:none;}

else

<a href="www . website . com/"><img src="images/yourpic.jpg" border="0"></a>

or in your html in the head add

<style>
img { border:none;}
</style>
- [ 2 ] Thanks
- 1 reply
{{ DiscussionBoard.errors[824852].message }}
- coog 15 years ago
  
  Originally Posted by pdjsolutions
  
  img { border:none;}
  
  else
  
  <a href="www . website . com/"><img src="images/yourpic.jpg" border="0"></a>
  
  haha I find myself doing that all the time too, even when you just write, you write in code
  
  Thanks
  
  Signature
  
  Ebook Templates and Authoring Tools
  
  {{ DiscussionBoard.errors[826229].message }}
testaccount9998 15 years ago

Exactly what I was looking for.

I knew it was easy.

Thanks a ton pdj!
- Thanks
{{ DiscussionBoard.errors[824897].message }}
pdjsolutions 15 years ago

Anytime

PDJSolutions @ your service
- Thanks
{{ DiscussionBoard.errors[824903].message }}
BloomerBeak 15 years ago

hmmm..maybe i misunderstood the question but i like to post mine. i'm not an expert so feel free to correct me. ^_^

I use the following:

<a href="#" style="text-decoration: none">lorem</a>
- Thanks
Signature
@Views in Life@ || Work From Home Millionaire || Follow me in Plurk or Twitter
{{ DiscussionBoard.errors[827432].message }}
philsout 15 years ago

here's the sample tag on how to remove the underline link:
<a href="#" style="text-decoration:none">Link 1</a>
- Thanks
Signature
Philippine-based Outsourcing Company
{{ DiscussionBoard.errors[828055].message }}