This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > February 2004 > How to get text link to show underline when mouse rolls over.





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author How to get text link to show underline when mouse rolls over.
Paul Kaufman

2004-02-19, 4:30 pm

What do I add to the style sheet to do this? Thanks.

-Paul, the CSS Newbie
Arne

2004-02-19, 4:30 pm



Paul Kaufman wrote:
> What do I add to the style sheet to do this? Thanks.
>


a:hover {text-decoration:underline;}

--
/Arne
Lauri Raittila

2004-02-19, 4:30 pm

Subject: How to get text link to show underline when mouse rolls over.

Please include question to body.

In article Paul Kaufman wrote:
> What do I add to the style sheet to do this? Thanks.


a:hover {text-decoration:underline;}

or if you use <a name>s, add this:
a[name]:hover {text-decoration:inherit;}


--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Chet

2004-02-19, 4:30 pm


"Paul Kaufman" <pkaufman@nc.rr.com> wrote in message
news:ef383e4f.0402191143.4488cb9d@posting.google.com...
| What do I add to the style sheet to do this? Thanks.
|
| -Paul, the CSS Newbie

This should provide you with what you want

a:link
{color:#00c;text-decoration:none;background-color:transparent;}
a:visited
{color:#009;text-decoration:none;background-color:transparent;}
a:hover
{color:#c00;text-decoration:underline;background-color:transparen
t;}
a:active
{color:#f00;text-decoration:underline;background-color:transparen
t;}

This would go into your external css.

hth
--
Chet
ng2.chet@NOcharterSPAM.net (remove NO.....SPAM)


Neal

2004-02-20, 2:28 am

On Thu, 19 Feb 2004 21:57:56 +0200, Lauri Raittila
<lauri@raittila.cjb.net> wrote:

> Subject: How to get text link to show underline when mouse rolls over.
>
> Please include question to body.
>
> In article Paul Kaufman wrote:
>
> a:hover {text-decoration:underline;}
>
> or if you use <a name>s, add this:
> a[name]:hover {text-decoration:inherit;}
>
>



Adding only this: is OP making it clear to the user that the links are
links? If you remove the underlining, how will the user know to hover
there?
Karl Smith

2004-02-20, 11:31 am

Neal <neal413@spamrcn.com> wrote:

> <lauri@raittila.cjb.net> wrote:
>
>
> Adding only this: is OP making it clear to the user that the links are
> links? If you remove the underlining, how will the user know to hover
> there?


Quite right. Use something like this:

p:hover a:link,
li:hover a:link,
a:hover {text-decoration:underline}

and the underlines will appear when you hover anywhere _near_ the links.

--
Karl Smith.
Neal

2004-02-20, 11:31 am

On 20 Feb 2004 06:56:33 -0800, Karl Smith <google-2003-03@kjsmith.com>
wrote:

> p:hover a:link,
> li:hover a:link,
> a:hover {text-decoration:underline}
>
> and the underlines will appear when you hover anywhere _near_ the links.
>


.... unless the user is among the IE using population, as I understand.
This is ONE thing I wish IE got right.
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews