473,770 Members | 1,778 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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

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

-Paul, the CSS Newbie
Jul 20 '05 #1
6 9481


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


a:hover {text-decoration:unde rline;}

--
/Arne
Jul 20 '05 #2
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:unde rline;}

or if you use <a name>s, add this:
a[name]:hover {text-decoration:inhe rit;}
--
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.

Jul 20 '05 #3

"Paul Kaufman" <pk******@nc.rr .com> wrote in message
news:ef******** *************** ***@posting.goo gle.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;tex t-decoration:none ;background-color:transpare nt;}
a:visited
{color:#009;tex t-decoration:none ;background-color:transpare nt;}
a:hover
{color:#c00;tex t-decoration:unde rline;backgroun d-color:transpare n
t;}
a:active
{color:#f00;tex t-decoration:unde rline;backgroun d-color:transpare n
t;}

This would go into your external css.

hth
--
Chet
ng******@NOchar terSPAM.net (remove NO.....SPAM)
Jul 20 '05 #4
On Thu, 19 Feb 2004 21:57:56 +0200, Lauri Raittila
<la***@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:
What do I add to the style sheet to do this? Thanks.


a:hover {text-decoration:unde rline;}

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

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?
Jul 20 '05 #5
Neal <ne*****@spamrc n.com> wrote:
<la***@raittila .cjb.net> wrote:
In article Paul Kaufman wrote:
Subject: How to get text link to show underline when mouse rolls over.

a:hover {text-decoration:unde rline;}

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


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:unde rline}

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

--
Karl Smith.
Jul 20 '05 #6
On 20 Feb 2004 06:56:33 -0800, Karl Smith <go************ @kjsmith.com>
wrote:
p:hover a:link,
li:hover a:link,
a:hover {text-decoration:unde rline}

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.
Jul 20 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
17090
by: Chris Coho | last post by:
Is there any way to get the same affect as alt text for an image on a table cell? For instance I want if someone rolls the mouse over the cell for some instructions to pop up like they do for images when you have alt text. I know how to do mouse over effects and onmousein and onmouseout. I just dont know how to get the same text box style as image alt text. Thanks in advance!!
6
10066
by: killerkatt | last post by:
I am new to CSS and would like to know if there is a way to make this happen with CSS: image1 and image 2 are laid out at the top of the page. when the mouse hovers over image1, a paragragh or so of formatted text appears below, when the mouse leaves the image, the text disappears; when the mouse hovers over image2, a different body of text appears in
5
9611
by: TomTom | last post by:
Hi, With C#, is it possible to hover a mouse pointer on the Windows UI controls and show the UI text? For example, can I hover my mouse over "File" in the menu bar and show the text "File" on a label? I've seen a program like this but not sure if it can be done with C#. Thanks! TomTom
3
276
by: rodchar | last post by:
hey all, does anyone know how to make the underline go away when you mouse over the link button? thanks, rodchar
1
8394
by: Richard | last post by:
A menu page has a set of A tages in a UL The menu (in IE) will only get the hover visualization if the mouse rolls over underlined text. I want it to happen if the rollover occurs anywhere in the A cell (which appears to have been expanded to fill the LI container it is in). In FF 1.0.5.2 and Opera 9 things work as expected. How might the CSS be changed to ensure (in IE) the mouse rolling over
2
2104
by: george.leithead | last post by:
Hi all, I have a very strange problem! In following Web page (which is generated from a CMS System), the navigation to the left 'dissapears' when you roll the mouse over the links? It does not do this in all browsers either. I have found it to happen in IE 7 and the latest patched IE 6. I have tried to find out the reason, but keep finding strange behaviour! You will see at the bottom of the HTML, I have a comment. If you follow...
0
1753
by: williamr4j | last post by:
Very first thing, after preloader, is a blurry image that is supposed to get clear when mouse goes over the image. Problem is, the image that is clear will not, when previewing the movie, move from the top left corner. It is supposed to be right on top of the other image, which is in the middle of the screen. when i go into the layer that the clear image is it is right over the blurry image. I don't understand why, and have tried many different...
1
416
by: =?Utf-8?B?Um9iZXJ0IFNtaXRo?= | last post by:
Hi, I have a repeater control with rows in made of of link buttons so that they react to a click as below: <div> <ASP:Repeater id="rptUserList" runat="server" OnItemCommand="rptUserList_ItemCommand" >
19
16121
by: andersond | last post by:
I want the text to change from gray to bright red when the mouse is moved over the name of our company. Here is the code that doesn't work. What do I need to change to make this work? function mouseOver(){ document.getElementById('unitedBrokers').style.font="size='2' face='Arial color='#FF0000'"; }// mouseOver() function mouseOut(){ document.getElementById('unitedBrokers').style.font="size='2' face='Arial color='#808080'"; }//...
0
9617
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
1
10037
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9904
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7456
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5354
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5482
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4007
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3609
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2849
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.