Question

Is it possible with css to visually indicate which links points to another site?

Answer 1

If CSS3 is an option (this excludes IE6) you could style external links differently, provided your lines are relative and not absolute, what I mean is your links look like this:

<a href="/dir/page.htm">My Page</a>
//and external...
<a href="http://www.google.com">External</a>

Then you could use the CSS3 attribute selectors to style external links differently, like this:

a { color: blue; } /* Internal links */
a[href^=http] { color: red; } /* External Links */

You can see an example of this working here This uses the attribute “starts-with” selector, anything that has an href="http...." will get styled with this rule. The only alternatives I see are either giving your external (or internal, either one) links a class when they’re rendered, or doing the same via javascript.