View Single Post
  #2 (permalink)  
Old 10-10-2008, 06:40 PM
wige's Avatar
wige wige is offline
Moderator
WebProWorld Moderator
 
Join Date: Jun 2006
Location: United States
Posts: 2,661
wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9wige RepRank 9
Default Re: A Better line-through?

The only workaround I can think of would be to use a fake line through. That is where you create a gif with a horizontal line and transparent background. The CSS would be as follows:

HTML Code:
<style>
.linethrough {
background: url(/linethrough.gif) repeat-x center left;
color: #000;
}
</style>
The HTML code would be the same as you are used to.

HTML Code:
<p>Their price: <span class="linethrough">$18.88</span></p>
You would need to create a stylesheet to display a normal linethrough if the document is printed, however, since the background image won't be printed. This method will allow you to control the size, position, thickness and color of the line. If you set the color to be lighter than the text, that should ensure the numbers can be read correctly.
__________________
The best way to learn anything, is to question everything.

Last edited by wige; 10-10-2008 at 06:43 PM.
Reply With Quote