[tw] Re: [TW5] Quick way to centre an image?

2016-04-20 Thread shaw . mcallan 
Thanks!  I'll play with that later today.
 

On Tuesday, 19 April 2016 22:14:03 UTC+1, PMario wrote:

> On Tuesday, April 19, 2016 at 3:44:57 PM UTC+2, shaw.m...@gmail.com wrote:
>>
>> i've been searching through the archives here but I can't find a simple 
>> way to centre an image -- I'm creating documentation/SOPs and just want a 
>> screenshot to be aligned in the centre rather than the default Left. 
>>
>
> Download and drag this to your tw and have a look at the included docs. If 
> there are more questions. just ask. 
> You can test it with tiddlywiki.com.
>
> have fun!
> mario
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/75ed6e55-0a86-4c07-bbd3-68b3a0ea5251%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-20 Thread shaw . mcallan 
Sweet!
 
The inline wikitext css is perfect :)
 
Cheers!

On Tuesday, 19 April 2016 16:04:54 UTC+1, Eric Shulman wrote:

> On Tuesday, April 19, 2016 at 6:44:57 AM UTC-7, shaw.m...@gmail.com wrote:
>>
>> i've been searching through the archives here but I can't find a simple 
>> way to centre an image -- I'm creating documentation/SOPs and just want a 
>> screenshot to be aligned in the centre rather than the default Left. 
>>
>
> using pure HTML:
>[img[...]]
>
> using wikitext inline CSS:
>@@display:block;text-align:center;[img[...]]@@
>
> using a CSS rule in a tiddler tagged with $:/tags/Stylesheet:
>.center { display:block; text-align:center; }
> and then write:
>@@.center [img[...]]@@
>
> Note that "display:block" is required for centering to work, otherwise the 
> left/right extents of the containing element fit the content (i.e., match 
> the image dimensions) and there will be no extra whitespace to center the 
> image within.
>
> enjoy,
> -e
>
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/4cb84632-6bde-4199-b640-4ebd0bccc6d2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread PMario 
On Wednesday, April 20, 2016 at 1:48:21 AM UTC+2, Mark S. wrote:
>
> If you standardize the style naming, then you can create a single macro 
> for all 3 formats. It gets invoked like:
>
> <> tooltip:"Motovun Jack - The TiddlyWiki Mascot">>
>>
>
You are right. but I'd go with a name eg: position instead of float. I 
think for users this is clearer. position could be left, right or center

But I also think, having different macros gives us a bit more flexibility 
in the future. So users can have slightly different code for left, right 
and center. ... Just at the beginning it happens to be the same. So the 
code looks duplicated. ... But only time can tell, what's easier to handle 
:)

-m

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/d117ec1d-adb3-4b59-b367-5293814273d1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread 'Mark S.' via TiddlyWiki 
That's a neat approach!

If you standardize the style naming, then you can create a single macro for 
all 3 formats. It gets invoked like:


< tooltip:"Motovun Jack - The TiddlyWiki Mascot">>
>
>
Mark

On Tuesday, April 19, 2016 at 2:14:03 PM UTC-7, PMario wrote:
>
> On Tuesday, April 19, 2016 at 3:44:57 PM UTC+2, shaw.m...@gmail.com wrote:
>>
>> i've been searching through the archives here but I can't find a simple 
>> way to centre an image -- I'm creating documentation/SOPs and just want a 
>> screenshot to be aligned in the centre rather than the default Left. 
>>
>
> Download and drag this to your tw and have a look at the included docs. If 
> there are more questions. just ask. 
> You can test it with tiddlywiki.com.
>
> have fun!
> mario
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/cc2d00ca-2522-4ccd-8272-be05ff93e162%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread PMario 
On Tuesday, April 19, 2016 at 3:44:57 PM UTC+2, shaw.m...@gmail.com wrote:
>
> i've been searching through the archives here but I can't find a simple 
> way to centre an image -- I'm creating documentation/SOPs and just want a 
> screenshot to be aligned in the centre rather than the default Left. 
>

Drag this to your tw and have a look at the included docs. If there are 
more questions. just ask. 

have fun!
mario

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/afdb6cec-28bd-4162-ad02-58ae27c76c84%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.


floating-images-plugin.json
Description: application/json

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread Mat 
On Tuesday, April 19, 2016 at 4:38:33 PM UTC+2, shaw.m...@gmail.com wrote:
>
> See now, that's weird. It works with text, but not the image. I end up 
> with  on one side of the image and  on the other...and the 
> damned thing is still left-aligned :)
>


An ol' bookmark of mine. 

https://css-tricks.com/float-center/ 

<:-)

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/6116fde2-b1f2-4eea-a4bf-c05dac9a7358%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread Eric Shulman 
On Tuesday, April 19, 2016 at 6:44:57 AM UTC-7, shaw.m...@gmail.com wrote:
>
> i've been searching through the archives here but I can't find a simple 
> way to centre an image -- I'm creating documentation/SOPs and just want a 
> screenshot to be aligned in the centre rather than the default Left. 
>

using pure HTML:
   [img[...]]

using wikitext inline CSS:
   @@display:block;text-align:center;[img[...]]@@

using a CSS rule in a tiddler tagged with $:/tags/Stylesheet:
   .center { display:block; text-align:center; }
and then write:
   @@.center [img[...]]@@

Note that "display:block" is required for centering to work, otherwise the 
left/right extents of the containing element fit the content (i.e., match 
the image dimensions) and there will be no extra whitespace to center the 
image within.

enjoy,
-e



-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/78881f77-7e79-4db2-863e-4904ccd74602%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread shaw . mcallan 
See now, that's weird. It works with text, but not the image. I end up with 
 on one side of the image and  on the other...and the 
damned thing is still left-aligned :)
 

On Tuesday, 19 April 2016 14:55:28 UTC+1, Mat wrote:

> asd
>
> Interestingly though, this is not supported 
>  in html5 which makes me 
> wonder why it does work or if it is wikitext?
>
> <:-)
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/6039e467-7ab0-49cd-b65a-e1b92b1cd749%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: [TW5] Quick way to centre an image?

2016-04-19 Thread Mat 
asd

Interestingly though, this is not supported 
 in html5 which makes me 
wonder why it does work or if it is wikitext?

<:-)

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/68c41ba9-e636-4362-aa03-c5658e04f7f0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.