Thread

So much for short titles…

Anyway…the thing I’d like to accomplish is this…

<span>Stricken Text</span>

But with the text one colour and the line through another. You can sort of do this with underlines and overlines. Is it possible with strike-through’s though?

Thanks in advance!

Hi Bobby,

This is one way to do it:

CSS:

<style type="text/css">
del {
    color: red;
}
del span {
    color: black;
}
</style>

HTML:

<del><span>Stricken Text</span></del>

Another way is using a background image to fake it.

I’m not too shure, but I don’t think you can change the color of the line throught. I tried using the < del > html tag, but no results 😛

Hiya,

Just to say that I’m pretty sure that what Cocoaholic has provided should work just fine. Maybe test it in a few browsers to see if it works for you?

Best wishes,

Mark

It works just fine with the “s” tag for strikethrough. Thanks!

html

<s>Stricken Text</s>

css

<style type=“text/css”>
  s {
color: red;
}
  s span {
color: black;
}
</style>

If <del> and <s> don’t work, try <strike>.

Just for reference, <strike> and <s> are not valid XHTML Strict elements.