(Remake of previous) I need to center code, and turn off the formatting.

[j3d1H]

I know this sounds like a contradiction, but what I'm trying to do is make code (as it has underscores, it's ASCII art) that centers. I want to have it have the code border, too, so yeah. Here's the ASCII art in question:

 __       __)                       / 
(, )  |  /     /)                  /  
   | /| /  _  // _  ______    _   /   
   |/ |/ _(/_(/_(__(_) // (__(/_ o    
   /  |

(It's Invita, from Figlet)
And I want to surround it with triple whatever-these-are: `
But centered. Is there a way to do this? (I do know that it will mess up a bit, as it tries to center it, but I can use whitespace to mess with that.)

EDIT: I know the ASCII art looks messed up, but it looks fine in TiddlyWiki, so that is correct.

[@TiddlyTweeter]

It still a bit unclear what you trying to do.

For ASCII art its advisable to ENFORCE mono-spaced font. Probably, also reduce the font size so the visuals hit better.

There is a general mechanism in TW that lets you style individual tiddlers anyway you want: http://tiddlywiki.com/prerelease/#How%20to%20apply%20custom%20styles%20by%20tag

If you need to centre the design wrap it in a div with a class and centre it.

Best wishes
Josiah

[Mark S.]

This works if you set the tiddler type to text/html:

<div style="text-align:center;display:inline">
<div style="font-family:monospace;white-space:pre;">

 __       __)                       /
(, )  |  /     /)                  /  
   | /| /  _  // _  ______    _   /  
   |/ |/ _(/_(/_(__(_) // (__(/_ o    
   /  |

</div></div>

The standard tiddler format arbitrarily "eats" whitespace and interprets some of those forward slashes as tag markers. I'm guessing that the TW5 parser is getting mixed up by the forward slashes when looking for embedded HTML.

HTH
Mark

[j3d1H]

I know this may sound weird, but I need to have formatting on other sections. text/html format won't work; I need something like the code (monospace and no formatting, no whitespace eating), but centered, and only a section of the tiddler.

[PMario]

Hi j3d1H,

The easiest way IMO is to create a little template tiddler, that can be used for transclusions.

eg: 3 tiddlers

the template - named ASCII

<div style="text-align:center;display:inline">
<div style="font-family:monospace;white-space:pre;">

<$view>
</div></div>

the content  - named: test    content-type:  text/plain

 __       __)                       /
(, )  |  /     /)                  /  
   | /| /  _  // _  ______    _   /  
   |/ |/ _(/_(/_(__(_) // (__(/_ o    
   /  |

usage - named: usage-test

{{test||ASCII}}

have fun!
mario

[PMario]

The template can be simplified but that's an other topic.

-m

[PMario]

Hi,

I did play a little bit with your "text-align" center settings. ... That doesn't work. ... The element needs to be centered, not the text. .... more testing needed.

others may jump in.

-m

[PMario]

More info about templates and transclusion: http://tiddlywiki.com/#Transclusion:Transclusion%20%5B%5BTransclusion%20with%20Templates%5D%5D

-m

[j3d1H]

Thank you! This works perfectly.

[j3d1H]

Question about this site, I know it doesn't belong here, but how do I mark this as done and dusted? I think I saw it once, but I don't remember where.

[@TiddlyTweeter]

I don't think you can do that as the author of the thread.

PMario has marked it so.

Best wishes
Josiah

[PMario]

On Wednesday, April 12, 2017 at 2:01:32 PM UTC+2, @TiddlyTweeter wrote:

I don't think you can do that as the author of the thread.

I thought everyone can mark a thread as completed. ... but it may be bound to some user settings.
 

PMario has marked it so.

.. I did.

-m