How to remove underline of hyperlink?

hello,
I create a hyperlink of our menu item. but i wana to remove underline of menu. i use text-decoration: none; so its remove underline but also remove the like of my menu.
so tell me How to remove underline of hyperlink?

 

What? Can you provide a screenshot of that?


text-decoration: none removes the text decoration of a give tag. So it could be that you remove something that wasn't meant to be removed.

 

you can visit at google. there are more css tutorial sites.

 

That's not helpful at all

 

I'm not sure what you're trying to do here but there are two ways to limit which links have underlines.
If you want to remove the underline from links in your except the active one, you could assign class="active" to the active menu and use this as your CSS

a.active{
text-decoration:underline;
}

Code (markup):

If you want only the main navigation links to be underlined and the links in the content to have no underline, you could wrap your navigation in a div with an id="nav" attribute and use this as your css

a:link, a:visited{text-decoration:none;}
#nav a{
text-decoration:underline;
}

Code (markup):

 

A visit to Google is always in order. It should be among the first places any issue should be researched.

 

Granted, but you can pretty much post in EVERY thread "visit google to get your answer". It is not helpful.

 

A proper problem statement includes the steps taken to solve the issue. Since the OP did say he set {text-decoration: none;}, but did not mention any searches nor, for that matter, did he mention which section(s) of the specs he studied, a suggestion to Google was proper. It would have been better had some search terms been offered. I.E. stfw foo and bar, or rtfm css2.1 §xxx.

cheers,

gary

 

I agree... Google has to get its answers from somewhere.

 

Place in your CSS:

a {
text-decoration: none;
}

HTML:

Bear in mind this will remove ALL underlines from ALL hyperlinks. If you just want one to be not underlined, create a class in your CSS...

 .somethingDescriptive {
text-decoration:none;
}

HTML:

And then apply it to your hyperlink

<a href="url" class="somethingDescriptive">Anchor Text</a> 

HTML:

 

Indeed, but user mikehussy didn't supply that, hence my "not helpful" response. Had he included search terms or links, which he found, no problem....


Well, now we wait for OP to respond and clarify his problem.

 

Thank you for everyone, Today I try again and i hope finally i get right output.

 

if you really would like to learn try w3schools as better for beginners and my first experience was there.