Need help? Check out our Support site, then

Using CSS to replace text with icons?

  1. areyoutargeted

    I've been poring over the manuals, but can't see how to do this. I know it is possible to replace a block of text with an arbitrary image using CSS, but that's not what I'm shooting for.

    What I want is something like this:

    <span id="rating">***</span>

    And then a CSS rule for #rating that turns each individual asterisk into a specified image.


    The blog I need help with is

  2. Yes, it is, but you'd need to do it for every asterisk individually, something like this:

    <span class="rating">*</span><span class="rating">*</span><span class="rating">*</span>


    You could have, let's say, 5 different rating classes, for example:

    <span class="r3">*</span>

    which would display 3 stars

    <span class="r5">*</span>

    which would display 5 stars, etc.

  3. areyoutargeted

    Hmmm, I was hoping for more of a search-and-replace function... gotta get around the lack of JavaScript somehow. ;-)

    Thanks anyway.

Topic Closed

This topic has been closed to new replies.

About this Topic