• From: Finland
  • Registered: 2006-01-10
  • Posts: 14

Topic: CSS :after and images?

I'd like to have the :after element have an image as content (a small icon).

Is this possible?

If yes, here's the situation;

I have five lists with H2 headings. Each heading should have it's own icon after them. Right now they have their own class (class="links" etc.) and the CSS has; 

h2.classnamehere { content: "insert things"; }

for each H2.

I've tried these;

{ content: "<img />"; }
{ content: "<linkpath to image>"; }
{ content: url("<linkpath to image>"); }

None have worked...

Help would be appreciated. smile

the musnet.com

By the way - how much is the fish?

musilowski's Website

2 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: CSS :after and images?

Shouldn't it be
h2.classnamehere:after {
  content: url(whatever);
  }

I don't quite understand why you would want to use :after, it would be simpler to use a background image on the h2 which would also work in IE.

  • From: Finland
  • Registered: 2006-01-10
  • Posts: 14

Re: CSS :after and images?

Hmm. I'll try the background. Thanks for info. tongue

the musnet.com

By the way - how much is the fish?

musilowski's Website