-
Hi!
I've been experimenting some with having images after all the links that are directed with target="_blank", i.e. those links leading to other sites then mine.
I'm trying to do this without parsing the document with any server-side script.
What I'm trying is:
a[target]:after {
content: '<img src="images/link-after.gif" height="18" width="18" />';
}
assuming all links with a target attribute leads to another site. (normally links go in the currect window, hence no need for a target attribute within the site)
The problem I get with this is that the browser doesn't render the images correctly. Say I got this HTML:
<a href="http://www.mousebreaker.com" target="_blank">Mousebreaker</a>
Then the result, rendered in the browser is:
Mousebreaker<img src="images/link-after.gif" height="18" width="18" />
Do you have any idea how to do this? And if it can't be solved with CSS, can we do it with Javascript and DOM:
linksOnPage = document.getElementsByTagName("A"), inserting the image tag after the hyperlink?
If this can't be done - can it be done with ASP .Net?
-
-
It really sux noone can answer this. In another forum I got a reply after one day. Answer:
content: url(img.gif);