Changing Link Color in HTML

I am designing a web page. I would like to differentiate two types of
links: those to internal documents, and those hosted at an external
location. I have decided to do this by specifying different colors for
each type of link. Therefore, the link color must change halfway down.
Unfortunately, my web searching has only uncovered ways to change link
color in HTML by making it part of the < body > tag.
Is there a way to do this in straight HTML, or do I need to dig up
Dreamweaver or (gasp!) Frontpage?

Re: Changing Link Color in HTML

Scripsit victoria.wong.jhu@gmail.com:

> I am designing a web page. I would like to differentiate two types of
> links: those to internal documents, and those hosted at an external
> location.

If you think it serves a useful purpose (rather than just the page owner's
own idea of classifying links that way), put something like "(external)" or
"(ext.)" or maybe height="..."> after each external link and put
@media print { .ext { display: none; } }
into your style sheet.

But think first! Will this help users, or just confuse them, or annoy them,
or be simply irrelevant?

> I have decided to do this by specifying different colors for
> each type of link.

Wrong idea. A natural one, but wrong. You won't be able to figure out a
system of colors that works. Remember that you would need at least 3 + 3
different colors, to maintain the vital distinction between different states
of links. More info:
http://www.cs.tut.fi/~jkorpela/www/links.html

But if you still "must" do it, you need to add class attributes to the
external (or internal) links and use CSS.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Re: Changing Link Color in HTML

On Sep 11, 1:55 pm, "Jukka K. Korpela" wrote:
> Scripsit victoria.wong....@gmail.com:
>
> > I am designing a web page. I would like to differentiate two types of
> > links: those to internal documents, and those hosted at an external
> > location.
>
> If you think it serves a useful purpose (rather than just the page owner's
> own idea of classifying links that way), put something like "(external)" or
> "(ext.)" or maybe > height="..."> after each external link and put
> @media print { .ext { display: none; } }
> into your style sheet.
>
> But think first! Will this help users, or just confuse them, or annoy them,
> or be simply irrelevant?
>
> > I have decided to do this by specifying different colors for
> > each type of link.
>
> Wrong idea. A natural one, but wrong. You won't be able to figure out a
> system of colors that works. Remember that you would need at least 3 + 3
> different colors, to maintain the vital distinction between different states
> of links. More info:http://www.cs.tut.fi/~jkorpela/www/links.html
>
> But if you still "must" do it, you need to add class attributes to the
> external (or internal) links and use CSS.
>
> --
> Jukka K. Korpela ("Yucca")http://www.cs.tut.fi/~jkorpela/

use two diff classes - like:




..a_internal{font.....}
..a_external{font.....}

Re: Changing Link Color in HTML

Chris Jackson wrote:

>
> use two diff classes - like:


Okay...
>
>
>
>
> .a_internal{font.....}
> .a_external{font.....}
>

But what's with the spans?

This will work without added markup.

a.internal { /whatever your want to style internal links/ }
a.external { /whatever your want to style external links/ }






--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Changing Link Color in HTML

On 9/11/07 2:55 PM, Jukka K. Korpela wrote:

> Scripsit victoria.wong.jhu@gmail.com:
>
>> I am designing a web page. I would like to differentiate two types of
>> links: those to internal documents, and those hosted at an external
>> location.
>
> If you think it serves a useful purpose (rather than just the page owner's
> own idea of classifying links that way), put something like "(external)" or
> "(ext.)" or maybe > height="..."> after each external link and put
> @media print { .ext { display: none; } }
> into your style sheet.
>
> But think first! Will this help users, or just confuse them, or annoy them,
> or be simply irrelevant?
>
>> I have decided to do this by specifying different colors for
>> each type of link.
>
> Wrong idea. A natural one, but wrong. You won't be able to figure out a
> system of colors that works. Remember that you would need at least 3 + 3
> different colors, to maintain the vital distinction between different states
> of links. More info:
> http://www.cs.tut.fi/~jkorpela/www/links.html
>
> But if you still "must" do it, you need to add class attributes to the
> external (or internal) links and use CSS.
>
There are some instances where an alternate type of hyperlink
identification by color and styling is desirable.

One such example would be the case of hyperlinks contained in a top
level navigation bar, masthead, or common trailer region. In these
instances, the hyperlinks would show up without underlining and in a
consistent color regardless of visited state. This styling would likely
be different that what is deployed in the main content areas.

Pages that utilize 's for navigation hyperlinks typically follow
this scheme. The same can be accomplished with text hyperlinks in
anchors as well.

A css div style can be defined for such hyperlinks (div.masthead in the
example). Then a