Re: Link to a spesific tiddler

[PMario]

eg: http://tiddlywiki.com/#PermalinkCommand
ro
file:///path/to/your/file/empty.html#GettingStarted

should work
-mario

[Kim Skatun]

Wow, thanks...

On my menuItems, how can i make the text aligned left instead of right? And how can i make nested links?

[whatever]

Hi, Kim.

If you install Eric's StyleSheetShortcuts (1), which defines shortcuts
for the most used styling, you can do it like this:
{{left{your text in a span}}}
or
{{left{
your text in a div}}}

You can also do it without a CSS class by directly stating the style:
@@align:left;your text@@
Note no spaces in the style declaration.

For other useful tips, go to TWHelp (2).

As for nested links, can you explain what you mean by that?


(1) http://www.TiddlyTools.com/#StyleSheetShortcuts
(2) http://twhelp.tiddlyspot.com/

w

[Kim Skatun]

@@align:left;[[Organisation]]@@

This did not work in th emenu item, do I do sth wrong?

[whatever]

Hi!

Well, first, the CSS property is text-align.

However, I tried the following:
@@text-align:right;~TiddlyWiki is wonderful!@@
@@color:#C06;~TiddlyWiki is wonderful!@@
@@font-size:12pt;~TiddlyWiki is wonderful!@@

The first one didn't work, but the second and the third did, both in a
normal tiddler and in the MainMenu. Can someone else shed some light
on this?

w

[Eric Shulman]

> However, I tried the following:
> @@text-align:right;~TiddlyWiki is wonderful!@@

> The first one didn't work

The text-align CSS property can only be applied to block-level
elements (i.e., a DIV, not a SPAN). This is because the SPAN width is
only as wide as the content inside it, while the DIV width goes from
left-margin to right-margin. Thus, a SPAN can never have extra
whitespace padding with which to right align the text, while a DIV
will.

You can force a span to use block-level formatting (i.e., as if it was
a DIV), by specificying "display:block" in the CSS. In TW syntax, you
would write:

@@text-align:right;display:block;...text goes here...@@

Alternatively, you can install
http://www.TiddlyTools.com/#StyleSheetShortcuts
which defines many convenient CSS classes for easy formatting of
content.

After importing the above tiddler, simply add:
[[StyleSheetShortcuts]]
to the bottom of your [[StyleSheet]] tiddler. This will automatically
include the shortcuts in your default styles, so that you can use
those classes in your content.

To right-justify content use the shortcut CSS classes, you would
write:
{{right{...text goes here...}}}

Note that the definitions of "right" includes "display:block", so that
the content will always be displayed right justified to the current
margins. QED.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
http://www.TiddlyTools.com/#Donations

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact