-----Original Message-----
From: [email protected] 
[mailto:[email protected]] On Behalf Of 
[email protected]
Sent: Wednesday, August 26, 2009 5:03 PM
To: [email protected]
Subject: [css-d] external link indicators

Can you or has anyone ever used CSS to indicate that a link would take you 
outside the current web site? Trying to come up with some way to let the 
user know they are exiting my site. I open the link in a blank target, but 
was wondering if there is a better way to communicate this. Really do not 
want to say (external) by the link itself. Thanks in advance for your 
ideas.

--------

You could do 

a[target="_BLANK"]:after {
  content: " (external)";
}

Or content: url(some_icon.jpg);

But this wouldn't work in IE6 (it doesn't support the selector OR the generated 
content), and I'm not sure it'll work in IE 7 (I don't remember its generated 
content capabilities, but the selector works).

This way, at least your (external)s aren't cluttering up your markup.  And 
really, you could style those links any way you want, once you've selected them.

---Tim
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to