Solved

TD attribute that that has a line crossing over data

Posted on 2000-04-19
13
168 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
  • 4
  • 3
  • 3
  • +3
13 Comments
 
LVL 2

Expert Comment

by:burntout
Comment Utility
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
Comment Utility
Only way I know of...
0
 
LVL 7

Accepted Solution

by:
nettrom earned 50 total points
Comment Utility
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
Comment Utility
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
Comment Utility
ack... connection problems today.  sorry 'bout the duplicate post.
0
 

Author Comment

by:tgbekele
Comment Utility
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
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
LVL 3

Expert Comment

by:fibdev
Comment Utility
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
Comment Utility
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
Comment Utility
netbug,
Someone else already posted your solution as a comment....
0
 
LVL 3

Expert Comment

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

Expert Comment

by:davlun20080
Comment Utility
Sorry for double post..
0
 

Author Comment

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

Author Comment

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

Thank you very much.

Ted
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

728 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now