Posted by Jonathan N. Little on 11/23/07 17:13

Tomasz Chmielewski wrote:
> I have a part of a page which contains text links to other subpages:
>
> <a href="subpage.html">Subpage</a>
>
> Now, I'd like each link to contain a tiny image after each text:
>
> <a href="subpage.html">Subpage<img src="arrow.png"></a>
>
>
> Is it possible to do something similar with CSS only?
>
> Something like:
>
> a:after { content: blah_image }
>
> Which would add an image after each link?

no because generated content is just play text, no html. What you can do
is make a special class with the image as a background and using
padding to show the arrow.

/* arrow.png is say 10x10px */

a.subpage{
padding-right: 12px;
background: transparent url(arrow.png) no-repeat top right;
}

<a href="subpage.html" class="subpage">Subpage</a>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]