Modifying text for strikethrough

Printable View

26 May 2009, 08:57 PM
millsey

Modifying text for strikethrough

Hi, sorry if this has already been asked, but I haven't found anything using search.
I have a website developing that needs to show prices that are "lined through" to indicate they are the old prices, RRP etc. I think strikethrough is the correct term ? html code is simply <del>word</del>
At present I am manually adding the code after Web Designer makes the HTML code, but everytime I make further saves it overwrites the page and I'm back to square one. :confused:

Any ideas please ?? Or maybe it could be added to the text prefs line in a future update ??

Thanks

John
26 May 2009, 10:03 PM
steve.ledger

Re: Modifying text for strikethrough

Welcome to TG John,

Why not just use the pen tool and draw a line through the old price?
27 May 2009, 01:47 AM
gwpriester

Re: Modifying text for strikethrough

Welcome to the Web Designer forum, John.

In similar situations I change the fill color for the text to a very pale gray.
27 May 2009, 08:34 AM
covoxer

1 Attachment(s)

Re: Modifying text for strikethrough

How about this? :D
27 May 2009, 11:47 AM
cursor

Re: Modifying text for strikethrough

The same primitive method could be used for underlining text, but Xara smartly offers in line underlining.

Why NOT in line strike-through?
27 May 2009, 11:54 AM
steve.ledger

Re: Modifying text for strikethrough

Quote:

Originally Posted by cursor

.. but Xara smartly offers in line underlining.

Xara products have only recently offered underlining, ie; Xtreme version 4 and recently Web Designer. No earlier Xara product does.
27 May 2009, 12:01 PM
millsey

Re: Modifying text for strikethrough

Hi,

Thanks all for the suggestions, but they do not really solve the problem except perhaps the suggestion from Sledger to use the Pen Tool. Only problem is I cannot find any trace of a Pen Tool in the help topics ?? Where is it ?? Sounds like it will do the job if I can only locate it. Have only started using Web Designer recently, so may have missed an option in a menu ?

Here is a page from the website I'm developing http://www.braintreepetfood.co.uk/small.htm to show what I am trying to do with the prices.

John
27 May 2009, 12:04 PM
steve.ledger

2 Attachment(s)

Re: Modifying text for strikethrough

Beg your pardon :o For Web Designer it's the Shape Editor.

Press Ctrl to constrain to a straight line.
27 May 2009, 12:20 PM
millsey

Re: Modifying text for strikethrough

Quote:

Originally Posted by sledger

Beg your pardon :o For Web Designer it's the Shape Editor.

Press Ctrl to constrain to a straight line.

Thanks, I thought I was losing my marbles !! Sort of getting there. :)
27 May 2009, 12:33 PM
ChrisBro

1 Attachment(s)

Re: Modifying text for strikethrough

Or you could overlay a red x in a bigger font size maybe, you could just copy and paste it over your old price then.
27 May 2009, 12:59 PM
covoxer

Re: Modifying text for strikethrough

Quote:

Originally Posted by cursor

The same primitive method could be used for underlining text, but Xara smartly offers in line underlining.

Why NOT in line strike-through?

Not enough time and development resources. If we would add everything it is possibble to add before the release, you would wait another 10 yers for it to happen.
27 May 2009, 01:44 PM
Drwyd

1 Attachment(s)

Re: Modifying text for strikethrough

My solution :D

Just select the words that you would like struck through and then "name" the selection (I used strike) and give the Id a style in a <head > placeholder.

Drwyd

P.S. It will only work once per page.
27 May 2009, 02:15 PM
cursor

1 Attachment(s)

Re: Modifying text for strikethrough

Nice work-around, Drwyd. :)

One problem that I see with that is that the text with the strike-through feature is difficult to identify in a page edit mode. Yes, in Preview mode one can visually identify which words are crossed out, but when jumping back into an edit mode, it's less than obvious (as should/could be the case with WYSIWYG). This is particularly true if there are a number of stike-throughs in a running body of text.

Another point that struck me was the height of the strike-through position. Is that a function of HTML text representation? When looking at the same string in Microsoft Word, for comparison, the position is different. See below.
28 May 2009, 12:39 AM
slavelle

Re: Modifying text for strikethrough

Since you mentioned using the <del></del> option (and I just tried this), why not use a placeholder object for it and just use the replace with html, and put your <del>Item price</del> in there. It definitely works - you;d just need to define the look you want. You could even create two placeholder boxes beside each other, one with the <del> placeholder and one with the normal price.
31 May 2009, 08:02 AM
millsey

Re: Modifying text for strikethrough

Quote:

Originally Posted by slavelle

Since you mentioned using the <del></del> option (and I just tried this), why not use a placeholder object for it and just use the replace with html, and put your <del>Item price</del> in there. It definitely works - you;d just need to define the look you want. You could even create two placeholder boxes beside each other, one with the <del> placeholder and one with the normal price.

This seems the best so far, thanks slavelle - but how do I change the font size ?? If I select the box and change the font size Web Des objects and wants to change the whole page ? As I said on my first post, I haven't used Web Des for long now, so still on a sharp learning curve.

John
31 May 2009, 08:09 AM
steve.ledger

Re: Modifying text for strikethrough

Try this in your placeholder:

<font size=2 face=arial><del>$4.99</del> $3.99</font>
31 May 2009, 10:22 AM
millsey

Re: Modifying text for strikethrough

Quote:

Originally Posted by sledger

Try this in your placeholder:

<font size=2 face=arial><del>$4.99</del> $3.99</font>

Thanks sledger, having always written websites in html should have been obvious !! Need to engage brain. :cool:
31 May 2009, 04:01 PM
slavelle

Re: Modifying text for strikethrough

Another option would be to create a placeholder, give it the name <head> (has to be exactly this) and then put css styling in that placeholder, like

<style>
p{
font-size:10px;
color:red;
}
</style>

Then you can use these styles within the html placeholders. This would then bsehave like any other standard coding practice. This would also make it easier to modify all of your stuff with only a single change (using classes or whatever css/html method you want).

Obviously you could even use this method to build html tables to shaw tablature data that can be easily styled and still have the flexibility to be changed easily to match the design of the site as put forward by XWD itself.

Hope this adds something.
23 September 2014, 04:41 PM
coastside

Re: Modifying text for strikethrough

I assume by now you have upgraded to a newer version, but just in case... on X10 and probably earlier versions the strikethrough feature you needed is clearly shown on the tool bar when editing text as a formatting button next to bold, underline, italics...

Quote:

Originally Posted by millsey

Hi, sorry if this has already been asked, but I haven't found anything using search.
I have a website developing that needs to show prices that are "lined through" to indicate they are the old prices, RRP etc. I think strikethrough is the correct term ? html code is simply <del>word</del>
At present I am manually adding the code after Web Designer makes the HTML code, but everytime I make further saves it overwrites the page and I'm back to square one. :confused:

Any ideas please ?? Or maybe it could be added to the text prefs line in a future update ??

Thanks

John
24 September 2014, 01:26 PM
Rob-Xar

Re: Modifying text for strikethrough

This post is over 5 years old? We introduced Strike-through ages ago...