How to get the hyperlink underlined with MouseOver or getfocus

addi

All,

I have seen the feature on many sites and would like to implement it for
myself as well, where if a mouse is moved over a hyperlink, it gets
underlined. For example, in my code, if the mouse is moved over "home" or
gets the focus, I would like it to be underlined.

<html>
<body>
<font face="Arial, Helvetica, sans-serif" size="1" color="#999999">
<a href="http://www.cnn.com"> home
</body>
</html>
Any help would be greatly appreciated.

Best Regards,

Addi

Jul 20 '05 #1

Subscribe Reply

6010

David Dorward

addi wrote:

I have seen the feature on many sites and would like to implement it for
myself as well, where if a mouse is moved over a hyperlink, it gets
underlined. For example, in my code, if the mouse is moved over "home" or
gets the focus, I would like it to be underlined. <font face="Arial, Helvetica, sans-serif" size="1" color="#999999">
<a href="http://www.cnn.com"> home

Take a basic course in CSS <http://dorward.me.uk/www/css/#tutorials>, and
pay especial attention to the parts about pseudoclasses like :hover.

Also, take note that the underline is a _big_ clue that some text is a link,
removing it isn't a good idea in most circumstances. The user _might_ be
able to work it out from the colour, but a significant proportion of the
population suffers from colour blindness, and some people do use greyscale
monitors still.

--
David Dorward <http://dorward.me.uk/>

Jul 20 '05 #2

A Hess

Somewhere around 12/27/03 8:57 AM, addi typed wildly with reckless abandon:

All,

I have seen the feature on many sites and would like to implement it for
myself as well, where if a mouse is moved over a hyperlink, it gets
underlined. For example, in my code, if the mouse is moved over "home" or
gets the focus, I would like it to be underlined.

<html>
<body>
<font face="Arial, Helvetica, sans-serif" size="1" color="#999999">
<a href="http://www.cnn.com"> home
</body>
</html>
Any help would be greatly appreciated.

Best Regards,

Addi

First of all you want to close the tag </a>

Then you want to use your stylesheet to make every link the same without
adding tons of extra code before each one. And make sure that the link
text is distinguishable from the body text. Also, if the link size is
the same as the rest of the text there's no need to specify size or family.

a {
text-decoration: none;
font-family: sans-serif;
font-size: 100%;
color: #999999;
}

a:hover {
text-decoration: underline;
font-family: sans-serif;
font-size: 100%;
color: #999999;
}

Hope this helps, Aron

--
The last time I was inside a woman was when I went to the Statue of Liberty.

Jul 20 '05 #3

Stan Brown

In article <jS*******************@news01.roc.ny> in
comp.infosystems.www.authoring.html, addi wrote:

I have seen the feature on many sites and would like to implement it for
myself as well, where if a mouse is moved over a hyperlink, it gets
underlined.

Popularity is not the same thing as quality. The design you cite
above is an example.

Think about it from a user's point of view: She must move her mouse
over EVERY DAMN WORD on the page, hoping to find a link. That' _if_
she even suspects there are links there to be found.

More likely, she'll shake her head in frustration, click the Back
button, and go to the next site in her list of search results.

You want to make links easy to find, not hard to find.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

Jul 20 '05 #4

Similar topics

5259

Clicking on Hyperlink question

by: Salad | last post by:

If I create a field as a hyperlink, Access will open the hyperlink if I single click it. Is there a method within the operating system that would tell access to only open the hyperlink if...

Microsoft Access / VBA

2610

Class HyperLink and mouseover

by: Peter Eriksson | last post by:

I am making a link with the HyperLink-class like this: HyperLink link = new HyperLink(); link.NavigateUrl = "http://www.page.com"; link.Text = "Some text";...

C# / C Sharp

1486

simple hyperlink problem...

by: Doug Swanson | last post by:

So I've added a hyperlink to a screen based on a url stored in a database. The problem is that the hyperlink text is not underlined....but it becomes underlined when you hover over it. Small thing...

ASP.NET

3772

Image Rollovers with the Hyperlink Control

by: Nathan Sokalski | last post by:

I have several System.Web.UI.WebControls.HyperLink Controls which I want to display as rollover images. I know how to make these manually using the <a> and <img> tags or the <a> tag and a...

ASP.NET

2406

Hyperlink in Report Exported as HTML

by: Lauren Quantrell | last post by:

I see lots of threads on this but no solution. I'm using the following to output my report in HTML format: DoCmd.OutputTo acReport, "myReportName", acFormatHTML,... Some rows have valid...

Microsoft Access / VBA

8132

Hyperlink mouseover

by: Mat | last post by:

How do you modify the color of an hyperlink when your mouse go over it? <asp:HyperLink

ASP.NET

4109

Hyperlink column in a GridView

by: =?Utf-8?B?QW1pciBUb2hpZGk=?= | last post by:

Hi I have a GridView that is displaying master records. Some of these records have child records. I would like to a column to my master GridView such that for each master record that has...

ASP.NET

2399

Hyperlink not a hyperlink?

by: SBCUser666 | last post by:

Form field (Text66) defined as Hyperlink. Access 2003 table field defined as Hyperlink. Using VBA I build the hyperlink and poke it into the form field. The field displays like it is a hyperlink...

Microsoft Access / VBA

2982

How to save a Caption for a Hyperlink, different from the Hyperlink itself?

by: sierra7 | last post by:

I'm trying to create a form where a user enters a document reference number and then clicks a command button to add a hyperlink to the document, via a file picker. Thanks to Adezii's excellent...

Microsoft Access / VBA

7054

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

General

6918

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

Windows Server

7057

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

C / C++

7102

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

6756

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

Windows Server

4798

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

Microsoft Access / VBA

4495

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3000

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1310

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

C# / C Sharp