Links Without Underlines

[Dena Jo]

How do I display a link in HTML without the underline?

Thanks for your help.

 

[SeeSchloss]

How do I display a link in HTML without the underline?

Thanks for your help.

In CSS :
a {text-decoration:none;}
a:hover {text-decoration:none;} (if you don't want an underline when the
mouse is over the link)

 

[Dena Jo]

In CSS :
a {text-decoration:none;}
a:hover {text-decoration:none;} (if you don't want an underline
when the mouse is over the link)

Thank you so much!

 

[Steven]

I'm curious why you would want to dismiss the underline...

 

[Eric Bohlman]

I'm curious why you would want to dismiss the underline...

In some contexts where it's easy to tell that a piece of text is in fact a
link (such as menu bars or menu panels), link items really do look better
if they aren't underlined. Of course, links embedded in narrative text
really *should* be underlined; users should not be expected to "play Myst"
in order to discover links. Basically you should err on the side of
caution: if there's any question as to whether or not something "looks like
a link" you should underline it. But some forms of navigation are so
stereotyped that users can be expected to recognize text in them as links,
and in those cases leaving off the underline often contributes to the
design without detracting from the usability.

 

[e n | c k m a]

a:hover {text-decoration:none;} (if you don't want an underline when the

mouse is over the link)

Isn't that inherited from the first a {} statement?
I've never needed to state text-decoration: none in the hover pseudo-class.
Is there something I'm unaware of?

Nicko.

 

[rf]

Isn't that inherited from the first a {} statement?

Why didn't you quote the first a {} statement. I had to search back through
the thread to find it.

I've never needed to state text-decoration: none in the hover pseudo-class.
Is there something I'm unaware of?

There was an if statememt in there.

if (you want no underline on all links)
a {text-decoration:none;}

if (you want no underline just on hover)
a:hover {text-decoration:none;}

Cheers
Richard

 

[e n | c k m a]

Why didn't you quote the first a {} statement. I had to search back
through

the thread to find it.

I realised before I sent it but thought you'd be able to figure it out.
Sorry.

There was an if statememt in there.

if (you want no underline on all links)
a {text-decoration:none;}

if (you want no underline just on hover)
a:hover {text-decoration:none;}

Ah, okay - thanks for clarifying.

Nicko.