Comments on: External link icons the CSS way http://www.kryogenix.org/days/2002/08/30/external scratched tallies on the prison wall Fri, 05 Dec 2008 02:07:49 +0000 http://wordpress.org/?v=2.6.5 By: Swatinem http://www.kryogenix.org/days/2002/08/30/external#comment-3670 Swatinem Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3670 <p>I dont know if its possible to enter whole html code in the content: “bla“; attribute.</p><p>But if its possible you could use the :after pseudo-class to insert a img tag with an alt text or whatever. But i dunno if its posible! :D</p> I dont know if its possible to enter whole html code in the content: “bla“; attribute.

But if its possible you could use the :after pseudo-class to insert a img tag with an alt text or whatever. But i dunno if its posible! :D

]]> By: Arleen http://www.kryogenix.org/days/2002/08/30/external#comment-3671 Arleen Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3671 <p>Great idea! I modified your idea. For my a tags I added a class=“external“. In my stylesheet, I added this:</p><p>.external {<br>background: url(/images/externallink.gif) right center no-repeat;<br>padding-right: 12px;<br>}</p><p>This works across current versions of IE6, NN7, Opera7, and Mozilla. Any idea how I can get alt text to appear for each little globe saying “external link” since this is implemented through the stylesheet?</p></br></br></br> Great idea! I modified your idea. For my a tags I added a class=“external“. In my stylesheet, I added this:

.external {
background: url(/images/externallink.gif) right center no-repeat;
padding-right: 12px;
}

This works across current versions of IE6, NN7, Opera7, and Mozilla. Any idea how I can get alt text to appear for each little globe saying “external link” since this is implemented through the stylesheet?

]]> By: Marcus http://www.kryogenix.org/days/2002/08/30/external#comment-3672 Marcus Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3672 <p>Cool stuff. But I don’t see these icons in Mozilla 1.4Do I have to change some settings or what? Please help.</p> Cool stuff. But I don’t see these icons in Mozilla 1.4Do I have to change some settings or what? Please help.

]]> By: spencer http://www.kryogenix.org/days/2002/08/30/external#comment-3673 spencer Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3673 <p>Great article. I think it would be a little more inviting if you formatted the code with line breaks:div.blogbody a[href^=“http:“] { background: url(/images/remote.gif) right center no-repeat;padding-right: 12px;}Just a thought</p> Great article. I think it would be a little more inviting if you formatted the code with line breaks:div.blogbody a[href^=“http:“] { background: url(/images/remote.gif) right center no-repeat;padding-right: 12px;}Just a thought

]]> By: Ben Nolan http://www.kryogenix.org/days/2002/08/30/external#comment-3674 Ben Nolan Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3674 Just as an addendum to this article - I've put together a script to made css3 :hover effects work in ie6.<br /> <br /> <a href="http://blue.ripcord.co.nz/~ben/css3/">http://blue.ripcord.co.nz/~ben/css3/</a><br /> <br /> Ben Just as an addendum to this article - I’ve put together a script to made css3 :hover effects work in ie6.

http://blue.ripcord.co.nz/~ben/css3/

Ben

]]> By: sil http://www.kryogenix.org/days/2002/08/30/external#comment-3675 sil Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3675 Ben: the script appears to be under something of a restrictive licence, but the link to the licencing page is dead. Ben: the script appears to be under something of a restrictive licence, but the link to the licencing page is dead.

]]> By: Josh http://www.kryogenix.org/days/2002/08/30/external#comment-3677 Josh Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3677 Arleen,<br /> I do not think that you have to worry about Alt text for the background-image. The Alt text is needed for screen reader, but since the image does not actually appear on the page, it will not trip up the screen reader. Arleen,
I do not think that you have to worry about Alt text for the background-image. The Alt text is needed for screen reader, but since the image does not actually appear on the page, it will not trip up the screen reader.

]]> By: Marc http://www.kryogenix.org/days/2002/08/30/external#comment-3678 Marc Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3678 Josh,<br /> the alt text would be of use not only for screen readers but also to 'normal' users who may be wondering about what the icon signifies.<br /> On mouseover, the alt text would conveniently provide this addtl bit of info.<br /> Con: yet more images can clutter the screen if a page is full of external links. What I would like better instead: insert a title to the a-tag.<br /> Anyone know if that's possible? Josh,
the alt text would be of use not only for screen readers but also to ‘normal’ users who may be wondering about what the icon signifies.
On mouseover, the alt text would conveniently provide this addtl bit of info.
Con: yet more images can clutter the screen if a page is full of external links. What I would like better instead: insert a title to the a-tag.
Anyone know if that’s possible?

]]> By: Marc http://www.kryogenix.org/days/2002/08/30/external#comment-3679 Marc Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3679 Josh,<br /> the alt text would be of use not only for screen readers but also to 'normal' users who may be wondering about what the icon signifies.<br /> On mouseover, the alt text would conveniently provide this addtl bit of info.<br /> Con: yet more images can clutter the screen if a page is full of external links. What I would like better instead: insert a title to the a-tag.<br /> Anyone know if that's possible? Josh,
the alt text would be of use not only for screen readers but also to ‘normal’ users who may be wondering about what the icon signifies.
On mouseover, the alt text would conveniently provide this addtl bit of info.
Con: yet more images can clutter the screen if a page is full of external links. What I would like better instead: insert a title to the a-tag.
Anyone know if that’s possible?

]]> By: milf http://www.kryogenix.org/days/2002/08/30/external#comment-3681 milf Thu, 01 Jan 1970 01:00:00 +0000 http://www.kryogenix.org/adpb/2002/08/30/external/#comment-3681 great site great site

]]>