The strikethrough is changing 8's to 0's

my customers think my product retals for 00.90!

[DarrylParker]

Hi folks. I run an ecommerce site and I've put in a feature where users see the MSRP of the product, with a strikethrough, and underneath our price.

But the strikethrough is changing the apparent price, so that 88.98 is becoming 00.90!

I've tried several fonts like Arial, Verdana, Trebuchet MS, Tahoma.......

I can't believe this problem hasn't come up many time for people before, but a site search here for "strikethrough font problem" turned up nothing... Does anyone have a font suggestion for me?

Thanks for your help...

Darryl.

[keyplyr]

I've noticed that, don't know if there's a fix. Looks better the larger the font size though.

I believe <s> has replaced by <del> if that's any help.

You could also use .gif images of the MSRP.

[olwen]

Times New Roman (and other serifed fonts) The curvier shape works better for this

[DarrylParker]

Keyplyr and Owen, thanks for the quick responses... I love WW.

I was so wrapped up in my san-serif world that I never even thought to try Times. Works beautifully. Thanks Owen.

And unfortunately my site is full of deprecated tags, so thanks for the heads up Keyplyr.

Problem solved......

Darryl.

[tedster]

I see quite a nasty difference from browsers to browser, even with serif fonts (although in general they are better.) So I am not willing to leave this up to the individual browser's whim at all, and I've taken more drastic steps - I stopped using <del> tags and went for a different graphic treatment.

I now list the SRP as "reg $89.99", but in a smaller font size. For the actual discounted selling price, I use CSS to create "reverse" text -- the regular text color becomes the background-color and the actual text color is now white and set against a color block.

This effect makes the actual price quite dominant and unmistakable. But the SRP is also obvious. No it's not quite as elegant from a design perspective. But it communicates with no ambiguity, and clear communication is the most important facet of a web page.