On Thursday, February 20, 2014 3:22:06 PM UTC-8, Дадаїст Дадаїстович wrote:
>
> Hi! I very like TiddlyWiki and I thak to Jeremy Ruston for this great one. 
> But now I have some trouble when I want to create left-aligned block (div 
> or table). 
> Code of tiddler:
>
>> THIS IS NOT GOOD: 
>> @@float: right;
>> <pre>ONE
>> TWO
>> THREE
>> FOUR
>> FIVE
>> SIX
>> SEVEN</pre>
>> @@
>
> View of tiddler:
>

You didn't say what specific trouble you are having... but, based on the 
picture you provided, I am GUESSING that you don't like the way the 
"float:right" content descends beyond the end of the tiddler and overlaps 
with the next tiddler.  However, this is exactly what "float:right" is 
intended to do: position content on the right and allow subsequent content 
to flow next to it (even if they don't word-wrap and cause overlap).

Assuming my guess is correct, and you want the current tiddler to 
completely contain the floating content before rendering the tiddler that 
follows it, then you need to add another block-level element that has the 
"clear:right" (or "clear:both") CSS applied to it.  In TiddlyWiki syntax 
(both TWC and TW5) you would write something like:
   @@display:block;clear:right;line-height:0px;@@
and place it immediately after the closing "@@" of your floated content. 
 In addition to the needed "display:block;clear:right;" CSS syntax, the use 
of "line-height:0px" ensures that this content doesn't actually add any 
whitespace at the end of the tiddler.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

YOUR DONATIONS ARE VERY IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
   http://TiddlyTools.github.com/fundraising.html#MakeADonation

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


-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywikidev.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to