Welcome to TalkGraphics.com
Results 1 to 7 of 7

Thread: strikeover

  1. #1
    Join Date
    Dec 2012
    Posts
    25

    Default strikeover

    Is there a way to create a strikeover in Web Design? (i.e., text that is deliberately crossed out, as when you have a price that has been reduced and the old price struck out) This is probably called something else across the pond, but I don't know any other words for it.

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,506

    Default Re: strikeover

    Not in Xara. But you can add a horizontal like manually to create the same thing.

  3. #3
    Join Date
    Aug 2007
    Location
    Maghull UK
    Posts
    6,202

    Default Re: strikeover

    Not in WDMX, but can I just add, in version 9 Strikethrough has been added
    JOHN -XaReg (FB) XaReg (DB - ignore prompt to register)
    Windows 10 [Anniversary] pro Intel Pentium CPU G630 @ 2.70Ghz RAM: 4 GB; 64-bit x64

  4. #4
    Join Date
    Dec 2012
    Posts
    25

    Default Re: strikeover

    Thanks to both.

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: strikeover

    I'm not sure if MX supports Names but in XWD9P you would select a piece of text, right-click and select Names....
    Add "strike" to the selection.
    In the Page head Placeholder, enter:
    Code:
    <style>
    #strike {text-decoration:line-through}
    </style>
    Acorn

  6. #6
    Join Date
    Aug 2007
    Location
    Maghull UK
    Posts
    6,202

    Default Re: strikeover

    Good one Acorn
    JOHN -XaReg (FB) XaReg (DB - ignore prompt to register)
    Windows 10 [Anniversary] pro Intel Pentium CPU G630 @ 2.70Ghz RAM: 4 GB; 64-bit x64

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: strikeover

    To make it more general, add this CSS to the Website head Placeholder:

    Code:
    <style>
    over {text-decoration:overline}
    through {text-decoration:line-through}
    under {text-decoration:underline}
    </style>
    
    Each red detail is then used as a Name for the text selection.
    All three could be used on the same selection at once.

    Acorn

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •