From: Nicolas Goaziou <mail@nicolasgoaziou.fr>
To: alban bernard <alban.bernard@yahoo.fr>
Cc: "emacs-orgmode@gnu.org" <emacs-orgmode@gnu.org>
Subject: Re: resize multiple image within a row or paragraph
Date: Sat, 20 Sep 2014 14:08:38 +0200 [thread overview]
Message-ID: <87d2aqa3zt.fsf@nicolasgoaziou.fr> (raw)
In-Reply-To: <1411197785.65195.YahooMailNeo@web172806.mail.ir2.yahoo.com> (alban bernard's message of "Sat, 20 Sep 2014 08:23:05 +0100")
Hello,
alban bernard <alban.bernard@yahoo.fr> writes:
> My wife and I use the marvelous org-mode to design a complete set
> of student courses. These courses are first written in org-mode then
> exported to html to ease distribution to students (and save some paper).
>
> We wonder what is the correct way to resize multiple images those links
> are within a single paragraph:
>
> "This is a phrase with [[./image1.png]] and [[./image2.png]] inline images."
>
> With the following, the only first image is resized (as expected):
>
> #+ATTR_HTML: :width 50%
> This is a phrase with [[./image1.png]] and [[./image2.png]] inline images.
>
> The tutorial about caption in a row shows what is possible while working
> only with
> images
> http://orgmode.org/worg/org-tutorials/images-and-xhtml-export.html#sec-5-2:
>
> #+HTML_HEAD: <style type="text/css">
> #+HTML_HEAD:<!--/*--><![CDATA[/*><!--*/
> #+HTML_HEAD: div.figure { float:left; }
> #+HTML_HEAD: /*]]>*/-->
> #+HTML_HEAD: </style>
>
> #+CAPTION:
> #+ATTR_HTML: :width 10%
> [[./image1.png]]
> #+CAPTION:
> #+ATTR_HTML: :width 10%
> [[./image2.png]]
>
> Here, image1 and image2 are displayed and resized in a single row.
> But we don't know how to mix text within this block so that all is
> displayed as a single paragraph with resized images.
This is not possible out of the box. You might use some Babel code to
generate the needed HTML but I guess it wouldn't be particularly easy.
Nevertheless, there's a solution. `html' back-end can redefine what
a paragraph is, instead of following Org's own definition. More
explicitly, an HTML paragraph can be defined as a cluster of elements
not separated by any blank line and containing at least an Org
paragraph. Hence:
#+attr_html: :width 10%
[[./img1.png]]
Paragraph
#+attr_html: :width 10%
[[./img2.png]]
consists of two paragraphs in Org, but would be seen as a single
paragraph by HTML, and exported as such.
Implementation is simple using pseudo-elements. `latex' back-ends does
it already for tables and math snippets. However, I'm no HTML
specialist, so there may be drawbacks I cannot foresee.
Regards,
--
Nicolas Goaziou
next prev parent reply other threads:[~2014-09-20 12:08 UTC|newest]
Thread overview: 8+ messages / expand[flat|nested] mbox.gz Atom feed top
2014-09-18 15:13 resize multiple image within a row or paragraph alban bernard
2014-09-20 7:23 ` alban bernard
2014-09-20 12:08 ` Nicolas Goaziou [this message]
2014-09-21 13:22 ` alban bernard
2014-09-21 18:08 ` Christian Moe
2014-09-21 19:02 ` alban bernard
2014-09-22 15:56 ` Nicolas Goaziou
2014-09-24 13:37 ` Christian Moe
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
List information: https://www.orgmode.org/
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=87d2aqa3zt.fsf@nicolasgoaziou.fr \
--to=mail@nicolasgoaziou.fr \
--cc=alban.bernard@yahoo.fr \
--cc=emacs-orgmode@gnu.org \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this public inbox
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).