Eric, that really helps.
OK, this is now in the MainMenu:
{{leftjustify{[[Test1]]}}}
{{indent{[[Test2]]}}}
{{indent{[[Test3]]}}}
{{indent{[[Test4]]}}}
{{leftjustify{[[Test5]]}}}
And I used the display:block; option in the CSS code as you suggested
below.
The result looks like this:
Test1
Test2
Test3
Test4
Test5
... double spaced...
So, I coded the MainMenu as follows:
{{leftjustify{[[Test1]]}}}{{indent{[[Test2]]}}}{{indent{[[Test3]]}}}
{{indent{[[Test4]]}}}
{{leftjustify{[[Test5]]}}}
...which gave me:
Test1
Test2
Test3
Test4
Test5
Which is what I was looking for...
Thank you again for being so extraordinarily responsive!
Tom
On Apr 3, 1:24 pm, Eric Shulman <[email protected]> wrote:
> > {{leftjustify{[[Test1]]}}}
> > {{indent{[[Test2]]}}}
> > What I get in the mainmenuis right justified Test1 and a second
> > line, Test2, also right justified.
>
> {{classname{this is a SPAN}}}
>
> {{classname{
> this is a DIV}}}
>
> The extents (dimensions) of a SPAN (inline element) are only as big as
> the content inside it. However, the extents of a DIV (block element)
> will go all the way across the whole container (e.g., the MainMenu).
> Thus, text-alignment CSS (left/center/right/justify) will only work
> properly if applied to a DIV (or a SPAN with style='display:block')
>
> Try adding "display:block;" to your CSS rules:
>
> .leftjustify{ text-align:left; display:block; }
> .indent{ text-align:left; margin-left:1em; display:block; }
>
> Alternatively, you could leave the CSS as-is and just write:
>
> {{leftjustify{
> [[Test1]]}}}
> {{indent{
> [[Test2]]}}}
>
> enjoy,
> -e
> Eric Shulman
> TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---
