Remove underline link in hyperlinks

  • Thread starter Thread starter Kathleen Anderson [MVP - FrontPage]
  • Start date Start date
Hi all,

I'm using FP2003 and noticed something that bothers me. I have a page
where I've removed (I think) the underline for a hyperlink. I wanted it
to appear as "FAQ" instead of "FAQ" underlined. So, I right clicked the
link and changed the font properties to remove the underline. At least,
I think that's how it's done.

Anyway, it looks fine in IE and I thought it looked fine in Firefox.
However, when I look at it in Firefox, VOILA, the underline is there. I
just upgraded to the latest version of Firefox, so I'm not sure if what
I saw (when I thought it was working in Firefox) was from the old version.

I'm not sure if the way I removed the hyperlink is the "accepted" way
and perhaps the reason why the underline appears in Firefox and not IE.

Is there another way of having the links display without the underline?
Or, is the reason that the link is showing up a Firefox issue?

Thanks in advance!
 
Add a style

<style>
a: link {text-decoration: none}
a: hover {text-decoration: none}
a: visited {text-decoration: none}
a: active {text-decoration: none}
</style>
 
Hi!

Thanks for the tip, but I tried this but it didn't work. I put it in
the <HEAD> section and also tried the <BODY> section, but it didn't work
with Firefox. I'm using shared borders with only the section that it
affects in the top portion. I, obviously, made the changes in top.htm

Any ideas?

Thanks!


Murray wrote:
Omit the space between a: and the next word, however -

a:link {...}
Click to expand...
-- Murray ============ "Andrew Murray" <[email protected]>
wrote in message
 
Murray,

The site isn't up online yet. I can put it online temporarily for you.
Is it OK to email you at the above address?

Thanks...
 
Sure! Here goes (I did try to put the style tag in the body and head
sections. I left it in the head tag for now) This is the top.htm file.

I'm also noticing a weird thing: The "news" font is set to 11. The
rest is set to 10. I had to change the news font to 11 because, when
viewed, looked smaller than the rest of the text. Can't figure out why
-- but it does. Although it's changed in the top.htm file (which this
is), it reverts back to 10pt on some pages within the site. Why would
that be? Doesn't it get all the top shared content from top.htm?


<html><head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252"><title>Shared Top Border</title><meta
name="Microsoft Theme" content="none">
<meta name="Microsoft Border" content="none">
<style>
a:link {text-decoration: none}
a:hover {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
</style>
</head>
<body bgcolor="#000000">
<table border="0" cellpadding="0" width="100%" id="table5" height="130"
style="border-collapse: collapse">
<tr>
<td width="9">&nbsp;</td>
<td width="138">
<img border="0" src="../images/flag.gif" width="132" height="90"
align="right"></td>
<td>&nbsp;</td>
<td width="678">
<embed width="682" height="141" src="../longflare.swf"
align="absmiddle"><noembed>Install Java Plug-In To View This
File</noembed></td>
<td width="23">&nbsp;</td>
<td width="131">
<p align="center">
<img border="0" src="../images/patch.jpg" width="108" height="122"
align="left"><br>
<br>
<br>
&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" style="border-collapse: collapse"
width="100%" bgcolor="#000080" id="table6">
<tr>
<td width="164" align="center" bgcolor="#ECECFF"
style="border-right-style: none; border-right-width: medium">
<p align="left"><i><font face="Arial" size="2">Click Below or to
the Right</font></i></td>
<td width="79" align="center" style="border-style: none;
border-width: medium">
<font face="Arial" size="2" color="#6600FF"><a href="../index.htm">
<span style="text-decoration: none"><font
color="#FFFF00">Home</font></span></a></font></td>
<td align="center" style="border-left-style: none;
border-left-width: medium">
<span style="text-decoration: none">
<font face="Arial" size="2" color="#6600FF"><a href="../faq.htm">
<span style="text-decoration: none"><font
color="#FFFF00">F.A.Q.</font></span></a></font></span></td>
<td align="center" width="104"><font color="#FFFFFF" face="Arial"
size="2">
<a href="../qol.htm"><font color="#FFFF00">
<span style="text-decoration: none">Quality of
Life</span></font></a></font></td>
<td align="center" width="104"><font color="#FFFF00"><a
href="../news.htm">
<span style="text-decoration: none">
<font color="#FFFF00" style="font-size:
11pt">News</font></span></a></font></td>
<td align="center" width="143"><font color="#6600FF" face="Arial"
size="2">
<a href="../employment.htm"><span style="text-decoration: none">
<font color="#FFFF00">Employment</font></span></a></font></td>
<td align="center" width="198"><font color="#FFFFFF" face="Arial"
size="2">
<a href="../mostwanted.htm"><font color="#FFFF00">
<span style="text-decoration: none">Most
Wanted</span></font></a></font></td>
<td align="center" width="107"><font color="#FFFFFF" face="Arial"
size="2">
<a href="../contactus.htm"><font color="#FFFF00">
<span style="text-decoration: none">Contact
Us</span></font></a></font></td>
</tr>
</table>

</body>
</html>
 
Change this -

a:link {text-decoration: none}
a:hover {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}

to this -

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
a:active {text-decoration: none}

(remember LostViagraHaltsAmour)

But, you should not have seen underlines in either event.
Although it's changed in the top.htm file (which this is), it reverts back
to 10pt on some pages within the site. Why would that be? Doesn't it get
all the top shared content from top.htm?
Click to expand...

It certainly should. Sorry, I don't have an explanation for this. If the
code says it must be rendered at one size, there is no way for it to sneak
past that, doncha know?
 
Murray --

Tried it. Same result. :( I'm thinking that when Firefox was updated
a few days ago, perhaps for whatever reason, they tweaked the code that
reads this. I thought with 1.0.6, it viewed how I wanted it. With
1.0.7, I noticed it. No biggie either way -- may be they'll fix this later.

I have no idea why the font size in the section looks different either.
Ah well.. it still looks good, just wish I understood why 10pt doesn't
look universal (and there's not even left over code from a previous entry).

Thanks!
 
You must insert

<style>
a:link {text-decoration: none}
a:hover {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
</style>

in the head section of each page you want it to apply to, you can not set it in the top.htm file and
have it apply to page that have top.htm included, as FP only includes content that is between the
body tags of the page being included.


--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
The only way to get it to apply to all pages is to put the code in an
external stylesheet and link it to each of your pages.

Save the code to a new blank page called "site.css" in the root of your
website.

There should be no html on the page, just the stylesheet code:

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
a:active {text-decoration: none}

Then use the Format | Stylesheet Links in FrontPage 2003 to add it to each
page or use the Stylesheet linker that Jimco has on his site if you are
using an older version.

Or you can insert the following in the head section of the page:

<link rel="stylesheet" type="text/css" href="site.css">

Just make sure that the path is correct if you have pages outside the web
root.

--
Cheryl D. Wise
MS FrontPage MVP
Certified Professional Web Developer
Online instructor led training in FrontPage, Web Accessibility & Illustrator
Special Offer for Hurricane Relief when you register for our October
Session - See http://starttoweb.com
 
Back
Top