?
Solved

TD attribute that that has a line crossing over data

Posted on 2000-04-19
13
Medium Priority
?
184 Views
Last Modified: 2013-11-19
I have data that is in each TD in a TABLE, I am trying to find a way to have a line print across the data so it looks like it has been crossed off, but the data should still show behind that single crossing line.

Is there such an attribute in a <TD> tag? Or does anyone have any other suggestions?
0
Comment
Question by:tgbekele
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 3
  • +3
13 Comments
 
LVL 2

Expert Comment

by:burntout
ID: 2730892
Put the text between a <S> tag...
<S> Your Text Here </S>

The text will have one line thru it.
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 2733385
Only way I know of...
0
 
LVL 7

Accepted Solution

by:
nettrom earned 200 total points
ID: 2736196
The HTML 4.0 specification mentions two possible elements for "strike-through", S and STRIKE.  Both are deprecated though, in favour of doing the same thing through CSS.

If you wanted to do it with HTML using the S element, the example burntout gave is correct.  With the STRIKE element you use <strike> and </strike> instead.

The current trend is moving towards separation of content and presentation, so the preferable way is not to use presentational markup like this, and instead mark the content up using SPAN and apply style to it:

<span style="text-decoration:line-through;">your text goes here</span>
0
Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

 
LVL 7

Expert Comment

by:nettrom
ID: 2736198
The HTML 4.0 specification mentions two possible elements for "strike-through", S and STRIKE.  Both are deprecated though, in favour of doing the same thing through CSS.

If you wanted to do it with HTML using the S element, the example burntout gave is correct.  With the STRIKE element you use <strike> and </strike> instead.

The current trend is moving towards separation of content and presentation, so the preferable way is not to use presentational markup like this, and instead mark the content up using SPAN and apply style to it:

<span style="text-decoration:line-through;">your text goes here</span>
0
 
LVL 7

Expert Comment

by:nettrom
ID: 2736201
ack... connection problems today.  sorry 'bout the duplicate post.
0
 

Author Comment

by:tgbekele
ID: 2738683
Burnout,

I tried your method ... but I got an error. I might have done it wrong. The lines I am printing are being place in a <TR> <TD> tag ... so at which point would I place the <S>. I tried to do it like this
<TR><TD><S> $line</S></TD></TR>
but that did not work.

Nettrom,

Haven't tried your method yet, but will do so Monday.
Thanks to all ...
any more suggestions much appreciated.

0
 
LVL 3

Expert Comment

by:fibdev
ID: 2747524
I suggest nettroms comment ...


<TR><TD><span style="text-decoration:line-through;">your text goes here</span></TD></TR>

That should work with most newer browsers.
0
 
LVL 2

Expert Comment

by:netbug
ID: 2762247
See your table tag will go like this :

<table attributes>
<tr>
<td><strike>type your text here</strike>
</td>
</tr>
</table>

bye!
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 2762264
netbug,
Someone else already posted your solution as a comment....
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 2762268
netbug,
someone else already posted your solution as a comment...
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 2762327
Sorry for double post..
0
 

Author Comment

by:tgbekele
ID: 2770835
Used Nettron's idea using the <span ... > method.
But thank you very much for your suggestions
0
 

Author Comment

by:tgbekele
ID: 2770840
I like the <span style= ....> technique. Never used it before. Works like a charm.

Thank you very much.

Ted
0

Featured Post

WordPress Tutorial 3: Plugins, Themes, and Widgets

The three most common changes you will make to your website involve the look (themes), the functionality (plugins), and modular elements (widgets).

In this article we will briefly define each again, and give you directions on how to install them.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses

801 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question