sNews Forum

Website Talk => Web standards => Topic started by: jlhaslip on February 19, 2009, 08:18:43 AM

Title: Visually mark External Links using CSS
Post by: jlhaslip on February 19, 2009, 08:18:43 AM
Wrote a quick Demo about using modern Browsers and CSS to identify links on your page using only CSS.

They Demo is some place near here (http://jlhaslip.trap17.com/sm/check.php)

Enjoy.
Title: Re: Visually mark External Links using CSS
Post by: toxicityj on February 19, 2009, 03:36:10 PM
Saved that to my Web Design bookmark folder, I did.

Pretty neat.
Title: Re: Visually mark External Links using CSS
Post by: Patric Ahlqvist on February 19, 2009, 04:13:36 PM
Liking this, I do...
Title: Re: Visually mark External Links using CSS
Post by: poppoll on February 20, 2009, 12:12:26 AM
Quote
Accessibility on the Web includes making the client aware of the links which open a new window or tab.
which open a new window or tab this is not correct!  In the demo the css only adds the arrow.
If you want a neat script go to  cssglobe (http://cssglobe.com/post/1281/open-external-links-in-new-window-automatically)

PP

Title: Re: Visually mark External Links using CSS
Post by: jlhaslip on February 20, 2009, 06:07:36 AM
popoll,
Sorry, It was late... I meant opening an External Link and leaving the current site.
The mind gets weary after midnight...

Nice link. That works for a different task. That will force External  Links to open a new window/tab. This is a CSS method to identify those links which open external to the site you are viewing. Subtle difference.
As  well, my solution requires a 'modern' browser that does the targetting as per CSS 2.1 and CSS 3.

IE won't work... as I found out today...
And no plans for it to do so soon...
http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#attributeselectors
Title: Re: Visually mark External Links using CSS
Post by: toxicityj on February 20, 2009, 07:35:54 PM
lol I guess I'll add that to my bag of goodies Firefox, Safari, etc. users get to enjoy exclusively. I award my visitors for not being idiots that use IE.