strikethrough

[shank]

How can I cross-out a regular price with something other than a
strikethrough?
Is it possible to place a red 'x' over text, without using a graphic?

thanks!

 

[brucie]

How can I cross-out a regular price with something other than a
strikethrough?
Is it possible to place a red 'x' over text, without using a graphic?

http://stuff.bruciesusenetshit.info/red-x-thingy.html

 

[shank]

http://stuff.bruciesusenetshit.info/red-x-thingy.html

This works great, but is there a way to control the baseline?
Is it possible to lower the 'x' so its baseline is lower than the main line?
thanks!

 

[brucie]

This works great, but is there a way to control the baseline?
Is it possible to lower the 'x' so its baseline is lower than the main line?

http://stuff.bruciesusenetshit.info/red-x-thingy-2.html

 

[David Dorward]

This works great, but is there a way to control the baseline?

Not so great when you consider the side effects, e.g. what Google and anyone
without CSS will see/hear/otherwise experience.

$ lynx --dump http://stuff.bruciesusenetshit.info/red-x-thingy.html

$120X now $150

 

[Leif K-Brooks]

Not so great when you consider the side effects, e.g. what Google and anyone
without CSS will see/hear/otherwise experience.

$ lynx --dump http://stuff.bruciesusenetshit.info/red-x-thingy.html

$120X now $150

You could do it with :after, but IE wouldn't see it.

 

[Jukka K. Korpela]

How can I cross-out a regular price with something other than a
strikethrough?

What's wrong with strikethrough? You could use a little trick to make
it take a color different from that of the text: use markup like
<del><span>$120</span></del>
and a style sheet like
del { color: red; text-decoration: line-through; }
del span { color: black; background: white; }

Is it possible to place a red 'x' over text, without using a graphic?

Not really, not in any reliable way. And, after all, those x's wouldn't
really be characters, would they? They are graphics more than
characters. For simplicity, I would actually make the entire expression
(the price and the "x") a single image, and use
<img alt="Old price was $120." src="old120.gif">