Need help? Check out our Support site, then


Using CSS to replace text with icons?

  1. areyoutargeted
    Member

    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.

    Doable?

    The blog I need help with is areyoutargeted.com.

  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>

    OR

    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
    Member

    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