Active Hyperlink Color

J

JJ

I have set the Page properties "Active Link" to a certain color.

Once the page comes up, and I select one of the links (Link A), the color of
the 'Link A' text changes to the "active link color" that I had set on the
page properties.

After that if I click on any other part of the page (even an area where
there is no hyperlink), the color of Link A goes back to the Hyperlink color.

I want the color to change only if another link is selected on the page.

I am using the links as menus, so when a menu item is selected, I would like
it to be in a color, until another menu item is selected.

Would appreciate your help.

Thanks
 
M

Murray

The order in which you define the pseudo-classes in your stylesheet is quite
important. It should be (unless you want it otherwise, of course) link -
visited - hover/focus. The active pseudo-class can come anywhere you want,
or even not at all, since most people won't even notice it. Are yours
defined in that order?

Anyhow, a look at your code would help, too.
 
J

JJ

In FP 2003, as part of setting the properties for a page, there is a tab for
formatting. In this tab there are choice for alink, vlink and link.

I used this capability and selected the colors. The source code for this is
as follows

<body rightmargin="10" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00"


It works as long as I only click on the links. If I click on any where on
the page, the active link color goes to vlink.

I am looking for the color to stay until another link is selected on the page.
 
M

Murray

It works as long as I only click on the links. If I click on any where on
the page, the active link color goes to vlink.

A good reason not to ever use that capability! Let me see the rest of your
body tag, please.
 
T

Thomas A. Rowe

If you are linking to a page bookmarks, then all links on the page will show as visited when you
visit the page.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
J

JJ

Murry

Here is the rest of the body tag. My apologies for this being this long.
Thought I will send you the the whole thing, rather than just a portion

<body rightmargin="10" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00">
<div align="left">

<table border="1" cellpadding="0" cellspacing="0" style="border-width:0px; "
width="100%" height="86">
<tr>
<td width="100" height="24" style="border-left-style: none;
border-left-width: medium; border-right-style: none; border-right-width:
medium; border-top-style: none; border-top-width: medium; border-bottom:
medium none #800000">
<p align="center">
<img border="0" src="../images/new_att.GIF" width="142" height="67"></td>
<td width="63%" height="24" colspan="4" style="border-left-style: none;
border-left-width: medium; border-right-style: none; border-right-width:
medium; border-top-style: none; border-top-width: medium; border-bottom:
medium none #800000">
<p align="center"><strong>
<font face="Verdana"><em>Network Optimization Savings And
Validation</em></font></strong></td>
</tr>
<tr>
<td width="22%" height="19" align="center" style="border-left-style:
none; border-left-width: medium; border-top-style: none; border-top-width:
medium; border-bottom: medium none #808080; " bgcolor="#6699FF">
<b><font face="Verdana" size="2">
<a target="main" href="../welcome_page.htm"
onclick="parent.frames(1).location.href='../home_sel_page.htm';">
<span style="text-decoration: none">Home</span></a></font></b></td>
<td width="18%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom-style: none;
border-bottom-width: medium" bgcolor="#6699FF">
<div style="padding-left: 4px; padding-right: 4px">
<b><font face="Verdana" size="2" color="#FFFFFF">
<a target="main" href="bill_savings_report.htm"
onclick="parent.frames(1).location.href='../_private/domestic_menu.htm';">
<span style="text-decoration: none">Domestic</span></a></font></b></div>
</td>
<td width="16%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom-style: none;
border-bottom-width: medium" bgcolor="#6699FF">
<b><font face="Verdana" size="2">
<a target="main" href="../_private/intl_monthly_savings_reports.htm"
onclick="parent.frames(1).location.href='../_private/Internation_menu.htm';">
<span style="text-decoration:
none">International</span></a></font></b></td>
<td width="21%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom: medium none #800000"
bgcolor="#6699FF">
<b><font face="Verdana" size="2" color="#FFFFFF">Feedback</font></b></td>
<td width="21%" height="19" align="center" style="border-right-style:
none; border-right-width: medium; border-top-style: none; border-top-width:
medium; border-bottom: medium none #808080; " bgcolor="#6699FF">
<b><font face="Verdana" size="2" color="#FFFFFF">Help</font></b></td>
</tr>
</table>

</div>
</body>
 
J

JJ

Tom

This is not a book mark.

I just posted the rest of the page.

With a frame structure, I am using these as menu selection links.

Thanks
 
M

Murray

I sure don't see anything there that would drive all links to visited by
clicking on the body. Can you post a link to the page online, please?
 
D

David Berry

Can you post the code for the entire page into a reply (switch to Code View,
Select All) ?
 
J

JJ

David

I have posted it already. It is in my post at at 1:34PM EST on 11/13.

I can post it again if it helps.

Appreciate all your guys time on this.

...Jose
 
D

David Berry

You posted just the code between the <body></body> tags. I'd like to see
everything in case there's something else on the page causing this. Just do
a Select All (CTRL+A) and copy and paste that.
 
J

JJ

Here is the code for the whole page:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Domestic frame title</title>
<base target="contents">
</head>

<body rightmargin="10" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00">
<div align="left">

<table border="1" cellpadding="0" cellspacing="0" style="border-width:0px; "
width="100%" height="86">
<tr>
<td width="100" height="24" style="border-left-style: none;
border-left-width: medium; border-right-style: none; border-right-width:
medium; border-top-style: none; border-top-width: medium; border-bottom:
medium none #800000">
<p align="center">
<img border="0" src="../images/new_att.GIF" width="142" height="67"></td>
<td width="63%" height="24" colspan="4" style="border-left-style: none;
border-left-width: medium; border-right-style: none; border-right-width:
medium; border-top-style: none; border-top-width: medium; border-bottom:
medium none #800000">
<p align="center"><strong>
<font face="Verdana"><em>Network Optimization Savings And
Validation</em></font></strong></td>
</tr>
<tr>
<td width="22%" height="19" align="center" style="border-left-style:
none; border-left-width: medium; border-top-style: none; border-top-width:
medium; border-bottom: medium none #808080; " bgcolor="#6699FF">
<b><font face="Verdana" size="2">
<a target="main" href="../welcome_page.htm"
onclick="parent.frames(1).location.href='../home_sel_page.htm';">
<span style="text-decoration: none">Home</span></a></font></b></td>
<td width="18%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom-style: none;
border-bottom-width: medium" bgcolor="#6699FF">
<div style="padding-left: 4px; padding-right: 4px">
<b><font face="Verdana" size="2" color="#FFFFFF">
<a target="main" href="bill_savings_report.htm"
onclick="parent.frames(1).location.href='../_private/domestic_menu.htm';">
<span style="text-decoration: none">Domestic</span></a></font></b></div>
</td>
<td width="16%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom-style: none;
border-bottom-width: medium" bgcolor="#6699FF">
<b><font face="Verdana" size="2">
<a target="main" href="../_private/intl_monthly_savings_reports.htm"
onclick="parent.frames(1).location.href='../_private/Internation_menu.htm';">
<span style="text-decoration:
none">International</span></a></font></b></td>
<td width="21%" height="19" align="center" style="border-top-style:
none; border-top-width: medium; border-bottom: medium none #800000"
bgcolor="#6699FF">
<b><font face="Verdana" size="2" color="#FFFFFF">Feedback</font></b></td>
<td width="21%" height="19" align="center" style="border-right-style:
none; border-right-width: medium; border-top-style: none; border-top-width:
medium; border-bottom: medium none #808080; " bgcolor="#6699FF">
<b><font face="Verdana" size="2" color="#FFFFFF">Help</font></b></td>
</tr>
</table>

</div>
</body>

</html>
 
D

David Berry

Where's the text? All I see is navigation. You have your link and visited
link colors both set to White and the Active link to Yellow so it's white
when it appears, yellow when you click it then back to white after it's been
visited. Is that what you wanted?
 
J

JJ

Sorry about the messy code. I am just learning and this is what FP generates.

You are right all are navigation text. This is the top page of a 4 page frame.

These links should be "white" when it appears, and "Yellow" when selected.

What is hapenning is that, when I select the link, it does go to yellow BUT
if I click on any other part of the page the selected link goes back to
"White". I was expecting it to remain "Yellow" until another link was made
active.

Thanks for your help.

...Jose
 
D

David Berry

Normal Hyperlinks don't work that way. They don't stay one color and then
change when you click another link. For that you might want to try some
CSS, DHTML or JavaScript code (for JavaScript see
http://javascript.internet.com/navigation/) Also, the fact that you're
using frames could be causing an issue as well because there may be code on
the frameset page (or other frames) that is changing the link colors as
well.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top