8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

How To Cross Out Text On Webpage?

by zsawevv212
6 replies
  • WEB DESIGN
    • |
Hi. I'd like to cross out some text on my webpage, but still have the text visible, i.e crossing out the higher price of a reduced price item.

Is there a simple way for a total novice like myself to do this?

Thanks in advance
#cross #text #webpage
  • Profile picture of the author phpbbxpert
    Just use the <del> tags around your text.
    <del>This text will be crossed out</del>
    {{ DiscussionBoard.errors[3179675].message }}
  • Profile picture of the author FabianSmith
    Try something like this:

    <span style="text-decoration:line-through;">this is the text </span>
    {{ DiscussionBoard.errors[3180148].message }}
    • Profile picture of the author Mike Baker
      Originally Posted by FabianSmith View Post

      Try something like this:

      <span style="text-decoration:line-through;">this is the text </span>
      This is what you need.
      Signature

      {{ DiscussionBoard.errors[3181227].message }}
  • Profile picture of the author webpro4hire
    or if your text is bound by <p> tags, as it should be, you can also do a page-wide "crossing" with this bit of CSS

    Code:
    p { text-decoration: line-through; }
    Cheers,
    WP4H
    {{ DiscussionBoard.errors[3181370].message }}
  • Profile picture of the author KerryKobashi
    Its better to use semantic markup with supported tags instead of CSS styling.

    Use del.
    {{ DiscussionBoard.errors[3184905].message }}
  • Profile picture of the author rosesmark
    This link will help you out.Best of Luck

    How to Cross Out Text in HTML Code | eHow.com
    {{ DiscussionBoard.errors[3975845].message }}

Trending Topics