Centering images during conversion to ePub

Centering images during conversion to ePub

[Will Simpson]

[-- Attachment #1.1: Type: text/plain, Size: 895 bytes --]

I'd like to center images on a page when I convert from markdown to ePub. I 
can get the images to appear left justified with the markdown code 
![](media/176_smoot_0869.jpg)
but I can't figure out what the code would be to center the image on the 
page. 

Mostly I'd like to be able to center -  left to right, but maybe it might 
also be helpful to know if I can center -  top to bottom on the page also.

Can you help explain this? Is MarkDown too basic for this kind of formating?

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/35886056-bcfe-46d2-bf13-1abe9624bf90%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 2086 bytes --]

Re: Centering images during conversion to ePub

[John MacFarlane]

Centering would be done in epub using CSS.
You can attach classes or directly set the style using a pandoc
markdown extension which allows you to set attributes. For
example,

![](media/whatever.jpg){style="display:block;margin-left:auto;margin-right:auto"}

should center the image.

Nicer, though, to use

![](media/whatever.jpg){.centered}

and add a rule for .centered to your epub CSS.
(See --epub-css in the manual.)

Will Simpson <linux.photo.geek-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> writes:

> I'd like to center images on a page when I convert from markdown to ePub. I 
> can get the images to appear left justified with the markdown code 
> ![](media/176_smoot_0869.jpg)
> but I can't figure out what the code would be to center the image on the 
> page. 
>
> Mostly I'd like to be able to center -  left to right, but maybe it might 
> also be helpful to know if I can center -  top to bottom on the page also.
>
> Can you help explain this? Is MarkDown too basic for this kind of formating?
>
> -- 
> You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/35886056-bcfe-46d2-bf13-1abe9624bf90%40googlegroups.com.

Re: Centering images during conversion to ePub

[Will Simpson]

[-- Attachment #1.1: Type: text/plain, Size: 2230 bytes --]

Thanks so much. Thanks for the pointer to --epub-css. Imagine there are 
tons of things that can be tweaked with this. I'm a newbie and just getting 
started. I'm impressed with pandoc's formatting capabilities. 

On Monday, October 14, 2019 at 8:23:17 AM UTC-7, John MacFarlane wrote:
>
>
> Centering would be done in epub using CSS. 
> You can attach classes or directly set the style using a pandoc 
> markdown extension which allows you to set attributes. For 
> example, 
>
> ![](media/whatever.jpg){style="display:block;margin-left:auto;margin-right:auto"} 
>
>
> should center the image. 
>
> Nicer, though, to use 
>
> ![](media/whatever.jpg){.centered} 
>
> and add a rule for .centered to your epub CSS. 
> (See --epub-css in the manual.) 
>
> Will Simpson <linux.p...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org <javascript:>> writes: 
>
> > I'd like to center images on a page when I convert from markdown to 
> ePub. I 
> > can get the images to appear left justified with the markdown code 
> > ![](media/176_smoot_0869.jpg) 
> > but I can't figure out what the code would be to center the image on the 
> > page. 
> > 
> > Mostly I'd like to be able to center -  left to right, but maybe it 
> might 
> > also be helpful to know if I can center -  top to bottom on the page 
> also. 
> > 
> > Can you help explain this? Is MarkDown too basic for this kind of 
> formating? 
> > 
> > -- 
> > You received this message because you are subscribed to the Google 
> Groups "pandoc-discuss" group. 
> > To unsubscribe from this group and stop receiving emails from it, send 
> an email to pandoc-...-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org <javascript:>. 
> > To view this discussion on the web visit 
> https://groups.google.com/d/msgid/pandoc-discuss/35886056-bcfe-46d2-bf13-1abe9624bf90%40googlegroups.com. 
>
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/8a819b2f-11e0-49e0-89d3-4acf8bed381e%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 3677 bytes --]