Underlining text, changing colors

Henry

How can I change the text in a link, originally displayed with the
"text-decoration:none " attribute to display an underline during the
onMouseOver event, and back to its original (non-underlined) state for
the onMouseOut? I'm pretty sure that it's of the format

document.<itemn ame>.attribute = value

but beyond that I'm not sure, and I can't find enough of a reference to
let me proceed. I'd also like, as an alternative, to be able to change
the font color instead of (or in addition to) just changing to underlining.

I'd appreciate it very much if anyone can provide a bit of code, or can
point me to some on-line reference that shows this. Thanks!
Henry

Jul 23 '05 #1

Subscribe Reply

2364

Mick White

Henry wrote:

How can I change the text in a link, originally displayed with the
"text-decoration:none " attribute to display an underline during the
onMouseOver event, and back to its original (non-underlined) state for
the onMouseOut?

Jul 23 '05 #2

Henry Hayden

Thanks, Mick, for the speedy reply. I haven't used CSS before (I've had
some minor exposure to them, and I know that I should be using them...)
so I have a couple of questions.

First, does it matter where this snippet is placed on the HTML page? I
tried it in several locations (just inside the BODY and HTML tags, as
well as inside a <Table></TABLE>, but no soap.

Does it matter that the page where I'm trying to implement this is part
of a frameset? I have a links page (the left-most frame) where I want
this to be in effect.

Second- does the page's extension matter? Not only is this page part of
a frameset, it is also a JSP page. (Aha, the truth comes out!) Could
this be a factor, as well?

Certainly these effects are not crucial, but they are, I believe, pretty
understated and can give the page a more polished look. I'd like to get
this working, and appreciate your help.
Henry

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

Jul 23 '05 #3

Keith Bowes

Mick White wrote:

a:hover {
text-decoration: underline;
}

But be warned, modern browsers will also display this effect for <a>s
with only a "name" or "id" attribute.

Jul 23 '05 #4

Mick White

Henry Hayden wrote:

Thanks, Mick, for the speedy reply. I haven't used CSS before (I've had
some minor exposure to them, and I know that I should be using them...)
so I have a couple of questions.

First, does it matter where this snippet is placed on the HTML page? I
tried it in several locations (just inside the BODY and HTML tags, as
well as inside a <Table></TABLE>, but no soap.
Inside <head> tags is preferred.
Does it matter that the page where I'm trying to implement this is part
of a frameset? I have a links page (the left-most frame) where I want
this to be in effect.

Second- does the page's extension matter? Not only is this page part of
a frameset, it is also a JSP page. (Aha, the truth comes out!) Could
this be a factor, as well? This should not matter
Certainly these effects are not crucial, but they are, I believe, pretty
understated and can give the page a more polished look. I'd like to get
this working, and appreciate your help.
Take a look:
http://www.mickweb.com/demo/hover.html

Mick

Henry

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

Jul 23 '05 #5

Henry Hayden

Thanks again!

I found, with the help of your last hint, what the problem was. In each
link, I had the following:

style: text-decoration: none

So... it was always going to be just that... none.
However, using the following:

<style type="text/css">
a{
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>

works just fine. Thanks again!

Henry
*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

Jul 23 '05 #6

Thomas 'PointedEars' Lahn

Keith Bowes wrote:

Mick White wrote:
a:hover {
text-decoration: underline;
}

But be warned, modern browsers will also display this effect for <a>s
with only a "name" or "id" attribute.

Which is why you want to use

a:link:hover, a:visited:hover {
...
}

and the like. F'up2 comp.infosystem s.www.authoring.stylesheets.
PointedEars

Jul 23 '05 #7

Similar topics

3731

changing colors in python

by: GujuBoy | last post by:

i have a ansi.py file that i use in LINUX to change the text color to STDOUT when i use the "print" function...but when i move this ansi.py file over the windows...it does not work is there a version of ansi.py i can use for windows/linux.... please help

Python

3625

dynamic text changing

by: Nick Calladine | last post by:

I have a table which has a drop down list in cell ; a image in another cell and a description in the third cell when the page is displayed it has a default picture and default text when the drop down box is changed it goes to a function to update the image which works how would i do this with a text variable ? i have defined a div or...

Javascript

4304

CSS menu - changing colors of tab - do I need a css file for each color? a better way?

by: madsgormlarsen | last post by:

Hi I am making a tab menu with css, and the tabs changes color depending on wich tab is current. 1. I could load a different css file for each tab/color. 2. I could do some inline css only for the color of the tabs. (which I would then change with trough php). 3. I could make a different class for each color, and change the class of the...

HTML / CSS

1172

changing colors of numeric fields

by: jhickers | last post by:

In MS 2003 or 2002 can anyone tell me the simplist way to change color of text in a form or report? I want the values of currency fields changed to red if the amount is >= to $1,000. I am not a programmer! Thanks

Microsoft Access / VBA

1143

How do I get a gradualy changing colors?

by: Vinay | last post by:

Hi All: I'd like to fill a set of controls with colors (by probably setting control.backcolor) that are changing gradually - e.g. start from dark green and endup with lightgreen. How can I do this? I suppose I will need to use the Hex values for the colors? Any help will be much appreciated!

Visual Basic .NET

764

Underlining Text in a Word Document

by: mihir.kotwal | last post by:

Code: oWord.ActiveDocument.Range.InsertAfter(defword) oWord.ActiveDocument.Range.InsertAfter(" -" & defdef & vbNewLine) How can I get the defword to be underlined while leaving the rest without an underline? Thanks in advance. -Mihir

Visual Basic .NET

1468

Underlining text using CSS

by: Manil | last post by:

Hi, I am new to the forum. I wanted to know if there's any way in which I can underline a phrase in a webpage using CSS. I tried using "text-decoration:underline;" but it looks like that works only with hyperlinks. Any suggestions/advice is greatly appreciated. Thanks...

HTML / CSS

4405

TextBox text font colors

by: questionit | last post by:

How in a TextBox , lines of text can be displayed, each with different colors ?

Microsoft Access / VBA

7518

What is ONU?

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...

General

7446

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...

Windows Server

7715

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...

C / C++

7469

The easy way to turn off automatic updates for Windows 10/11

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...

Windows Server

6040

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...

Career Advice

5368

Access Europe - Using VBA to create a class based on a table - Wed 1 May

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...

Microsoft Access / VBA

3498

Trying to create a lan-to-lan vpn between two differents networks

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...

Networking - Hardware / Configuration

1935

transfer the data from one system to another through ip address

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

C# / C Sharp

1057

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP