Configuring 'hyperlink' colors

Tim · May 2, 2004

I'm having difficulty getting my HYPERLINKS configured to AUTOMATICALLY
display in a contrasting color or with a contrasting style so they stand out
from the body copy well. I can nudge them individually, of course, but how
do I set the defaults differently? I've configured the PAGE PROPERTIES but
they still default to BLACK.

Check this page:
http://home.comcast.net/~tb0yd/DiveTravel.html

In the bulleted copy (below) you can see the links nicely here, but not on
the site. (YES, I didn't even nudge them manually to contrast yet. Let's say
I'm adjusting things as we speak. <G>)
a.. The Cayman Islands (Grand Cayman, Little Cayman, Cayman Brac)

b.. Monterey/Carmel

c.. The Channel Islands

d.. EPCOT Center - DiveQuest

I should fess up and say that I CAPTURED a website format I liked and then
made my tables to match and changed things here and there. Have I captured
some CSS or other formatting that I've not purged properly?

Any thoughts?

Thanks,
Tim

See the full site here:
http://home.comcast.net/~tb0yd/

Thomas A. Rowe · May 2, 2004

To use page properties to set your hyperlink colors, you must make sure that the link's text font
color is set to automatic.

If you want a specific color, that is different from the setting in page properties, you must make
sure the link text is set to automatic first, then you set a specific color, however the link ignore
the visited and active link colors set in page properties.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

Tim · May 2, 2004

Thanks "Crash",

I haven't invested much in CSS, but every now and then, when I'm caught
climbing over a CSS 'boulder', I almost get enough 'religion' to work
through a tutorial.

Thanks for the Topstyle link. Maybe this will get my engines started.

ALL you guys on this group are GREAT! You too Thomas; thanks for the info.

Thanks,
T

Hey Tim,

Dunno if you're using a CSS editor or not but this may help you if you are
not:
http://www.bradsoft.com/index.asp
Topstyle Lite is free and works great.

Rob

Tim · May 2, 2004

Follow upQ's:

I have another site where, in FP display, I see hyperlinks with automatic
underlines, and they show that way when I open the page on the Internet.
Further, the Hyperlinks not visited show as DARKER colored and once visited
as LIGHTER in color; both still underlined. I THINK this is the proper way,
and certainly how I'd like to have them shown. --- The site referenced below
does not display that way, and I'm viewing both from the same PC with the
same browser.

The screwy site shows the links as simply BLACK text (seems right since I
CAN'T get the FORMATTING tab to get off BLACK), and there is NO HOVER
behavior on the screwy site and only inconsistent HOVER behavior (RED TEXT)
on the proper site.

The page property FORMATTING tab difs are:

underlining site:

Background: Auto
Text: Auto
Hyperlink: dark color
Visited Hyperlink: lighter color
Active Hyperlink: Auto

The non-underlining site:

Background: Auto
Text: Black
Hyperlink: dark color
Visited Hyperlink: lighter color
Active Hyperlink: Auto

No matter how many times (OK more than 2 is stupid) I change the second's
TEXT field to AUTO and OK, it reverts to BLACK. Grrrrrr!

Last, Thomas, how do I set a font for a HYPERLINK to a SPECIFIC COLOR when I
already have it set for AUTOMATIC? I must be a bit thick on this part. Do
you mean AUTOMATIC on the PAGE PROPS and SPECIFIC on the FONT for the LINK
only? Difficult if I can't get the FORMATTING tab off BLACK. <G>

Any additional thoughts folks?

Thanks,
Tim

Steve Easton · May 2, 2004

Remove any style references on the page and use an external style sheet.

Here's an example page that uses a style sheet to manage link colors.
www.95isalive.com

here's the style sheet that does it.
www.95isalive.com/95.css
It will also be in your browser cache files after you open the site.

hth
--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Tim · May 2, 2004

AH HA, that gave me an idea. (still don't have a good grasp of CSS though
<G>)

Was there a CSS Stylesheet that was OVERRIDING my changes.

I'm using JAlbum and it had attached a STYLESHEET to ALL my pages, not just
the album pages. I was able to go in an remove the sheet from my text pages,
leaving it for the JAlbum pages. Things look MUCH better.

Funny, I use JAlbum on the other site too and it didn't do that. I'll bet
I'm using an updated ver of JAlbum or album style now and it performs
differently.

Thanks to all!

Steve, you ARE the man today!

Tim

Cheryl Wise · May 2, 2004

To follow-up on Crash's suggestion, what you are trying to do is exactly
what CSS dos best. the only trick to getting your links to display properly
in the various states is to make sure your line pseudo classes are in the
correct order of:
a { text-decoration: none;}
a:link { color: #9400D3;}
a:visited { color: #FFE4E1;}
a:active { color: #9400D3;}
a:hover { color: Fuchsia;}

Change the colors to suit your needs. I just picked some colors at random
and used one Named color as an example.

Joe Rohn · May 3, 2004

Yeppir!

But it needs to be Win 2000 or XP Pro for IIS to work. Then you can run .asp
pages locally.

--
Joe

Forum Crafters:
http://www.forumcrafters.com
FrontPage Users Forums:
http://www.timeforweb.com/frontpage

cheryl,
sidebar question; will pws run .asp on local machine?
noob on this..sorry if its off thread topic.

rob

| To follow-up on Crash's suggestion, what you are trying to do is exactly
| what CSS dos best. the only trick to getting your links to display
properly
| in the various states is to make sure your line pseudo classes are in the
| correct order of:
| a { text-decoration: none;}
| a:link { color: #9400D3;}
| a:visited { color: #FFE4E1;}
| a:active { color: #9400D3;}
| a:hover { color: Fuchsia;}
|
| Change the colors to suit your needs. I just picked some colors at random
| and used one Named color as an example.
|
| --
| Cheryl D. Wise
| MS-MVP-FrontPage
| [email protected]
|
|
| | > Thanks "Crash",
| >
| > I haven't invested much in CSS, but every now and then, when I'm caught
| > climbing over a CSS 'boulder', I almost get enough 'religion' to work
| > through a tutorial.
| >
| > Thanks for the Topstyle link. Maybe this will get my engines started.
| >
| > ALL you guys on this group are GREAT! You too Thomas; thanks for the
info.
| >
| > Thanks,
| > T
| >
| > message
| > | > Hey Tim,
| >
| > Dunno if you're using a CSS editor or not but this may help you if you
are
| > not:
| > http://www.bradsoft.com/index.asp
| > Topstyle Lite is free and works great.
| >
| > Rob
| >
| >
|
|

Thomas A. Rowe · May 3, 2004

Yes, but there is no FP2002 extensions support under PWS / Windows 9x/ME, only FP98/FP2000
extensions.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

I got IIS on my w98se, i think it's ver 4...would it run asp?

If so, does the web have to be in inet folder, rather than MyWeb folder? - never understood why
"MyWeb" happened anyway but that's annuder story.

I don't wanna mess with it if it won't work, so sorry for noobyness.

Robo

| Yeppir!
|
| But it needs to be Win 2000 or XP Pro for IIS to work. Then you can run .asp
| pages locally.
|
| --
| Joe
|
| Forum Crafters:
| http://www.forumcrafters.com
| FrontPage Users Forums:
| http://www.timeforweb.com/frontpage
|
| | cheryl,
| sidebar question; will pws run .asp on local machine?
| noob on this..sorry if its off thread topic.
|
| rob
|
|
| | | To follow-up on Crash's suggestion, what you are trying to do is exactly
| | what CSS dos best. the only trick to getting your links to display
| properly
| | in the various states is to make sure your line pseudo classes are in the
| | correct order of:
| | a { text-decoration: none;}
| | a:link { color: #9400D3;}
| | a:visited { color: #FFE4E1;}
| | a:active { color: #9400D3;}
| | a:hover { color: Fuchsia;}
| |
| | Change the colors to suit your needs. I just picked some colors at random
| | and used one Named color as an example.
| |
| | --
| | Cheryl D. Wise
| | MS-MVP-FrontPage
| | [email protected]
| |
| |
| | | | > Thanks "Crash",
| | >
| | > I haven't invested much in CSS, but every now and then, when I'm caught
| | > climbing over a CSS 'boulder', I almost get enough 'religion' to work
| | > through a tutorial.
| | >
| | > Thanks for the Topstyle link. Maybe this will get my engines started.
| | >
| | > ALL you guys on this group are GREAT! You too Thomas; thanks for the
| info.
| | >
| | > Thanks,
| | > T
| | >
| | > message
| | > | | > Hey Tim,
| | >
| | > Dunno if you're using a CSS editor or not but this may help you if you
| are
| | > not:
| | > http://www.bradsoft.com/index.asp
| | > Topstyle Lite is free and works great.
| | >
| | > Rob
| | >
| | >
| |
| |
|
|

Jon Spivey · May 3, 2004

pseudo classes are in the correct order of:

a { text-decoration: none;}
a:link { color: #9400D3;}
a:visited { color: #FFE4E1;}
a:active { color: #9400D3;}
a:hover { color: Fuchsia;}

Link - Visited - Hover - Active
is the only order that will always work. Active - hover would prevent the
active state from ever showing. No comment on Fuchsia ;-)

Cheryl Wise · May 4, 2004

Active only works for a few seconds anyway after clicking and before the
link works. Non if it showed when the page the hyperlink referenced was open
then I'd use it last. Having hover before active prevents hover from
working.

Re: fuchsia, I wanted a memorable color. <grin />

Jon Spivey · May 4, 2004

I agree that active doesn't normally show for long - but we might as well
have it the right colour

It needs to be defined after hover. One useful
thing you can do with active is allow hover effects to work when users
navigate with the keyboard. For example try
<style type="text/css">
#someDiv a{color: red;}
#someDiv a:hover,#someDiv a:active, #someDiv a:focus{
color:green;
}
</style>
<div id="someDiv">
<a href="page1.htm">page</a>
<a href="page2.htm">page</a>
<a href="page3.htm">page</a>
</div>

and notice the hover effects work when you tab from link to link - ie uses
active other browsers use focus so by setting all 3 the same the page is a
little more accessible

Configuring 'hyperlink' colors

Tim

Thomas A. Rowe

Tim

Tim

Steve Easton

Tim

Cheryl Wise

Joe Rohn

Thomas A. Rowe

Jon Spivey

Cheryl Wise

Jon Spivey