How to remove underline in Anchor text

Asked By victoria alvarez 10 points N/A Posted on - 10/05/2011

Hi there,

I am new to HTML and CSS and what I want is to remove those underline below Anchor text whenever you hover your mouse.

I don't really want those lines below my link.

What's the simplest way to remove that?

• Status: Open
• Question Views: 3050
• Answer Count: 2
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: ProgScripting Languages

Answered By Bruce Banner 0 points N/A #129271

How to remove underline in Anchor text

Hi Victoria,

You can do this using CSS coding to remove the lines under your links. You can use this line of code to remove the underline.

a{

Text-decoration: none;

}

This will remove any underlines from all links in your web page that you are designing. You can also use this line of code to design the link any way you want such as color, font style, font size and other things.

What you do have to take into account though is if your CSS is embedded or in a separate file. If it is embedded do not forget to add this line of code.

<style type="text/css"> 

</style>

Hope this answered your question.

Regards

About Bruce Banner

Questions
0

Answers
8

Best Answers
3

• Vote Up 0 Vote Down

• Posted on - 10/05/2011
• Question Category: ProgScripting Languages

Answered By Abel Tonja 5 points N/A #129272

How to remove underline in Anchor text

Its depend if you are using CSS, then do following programming, let me know if you get any error after doing below.

Link {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight: bold;

}

a.Link:link { text-decoration:none; color:#3C5AA2;}

a.Link:visited{ text-decoration:none; color:#3C5AA2;}

a.Link:hover{ text-decoration:none; color:#FFA74F;}

About Abel Tonja

Questions
0

Answers
103

Best Answers
0

• Vote Up 0 Vote Down

• Posted on - 10/04/2012
• Question Category: ProgScripting Languages