* Org: two images side by side?
@ 2024-10-21 12:57 Michael Heerdegen
2024-10-21 20:24 ` Leo Butler
0 siblings, 1 reply; 6+ messages in thread
From: Michael Heerdegen @ 2024-10-21 12:57 UTC (permalink / raw)
To: Emacs mailing list
Hello,
can org-mode do this?
I have an org document and want that, at least in the html export, a
certain part looks like this:
+---------------------------------+ +---------------------------------+
| Image 1 | | Image 2 |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
+---------------------------------+ +---------------------------------+
* Point 1 said about Image 1 * Point 1 said about Image 2
* Point 2 said about Image 1 * Here Point 2 is harder to
describe and needs 2 lines
* More stuff about Image 1
I.e., a comparison of two variants of a thing using 2 images with
several small text items below them, that pairwise correspond to each
other.
Is this doable in org-mode or should I better just use latex?
I tried with a table (I did not succeed in getting images next to each
other in any other way). So, I do get the images placed side by side
but also... the rest of table features, like lines, and cells:
multi-line items are interpreted as two cells and wrongly indented etc.
How can I maybe do this better?
TIA,
Michael.
^ permalink raw reply [flat|nested] 6+ messages in thread* Re: Org: two images side by side? 2024-10-21 12:57 Org: two images side by side? Michael Heerdegen @ 2024-10-21 20:24 ` Leo Butler 2024-10-22 14:19 ` Michael Heerdegen 0 siblings, 1 reply; 6+ messages in thread From: Leo Butler @ 2024-10-21 20:24 UTC (permalink / raw) To: Michael Heerdegen; +Cc: Emacs mailing list [-- Attachment #1: Type: text/plain, Size: 44 bytes --] How about the attached solution? Leo [-- Warning: decoded text below may be mangled, UTF-8 assumed --] [-- Attachment #2: table.org --] [-- Type: text/x-org; name="table.org", Size: 4321 bytes --] #+title: Can Org do this? #+html_head: <style type="text/css"> img { width: 350px; }</style> * Question #+begin_example From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> #+end_example * Answer I think so. How about #+attr_html: :rules false :frame false | An image | A second | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | [[file:a-simple-slide.png]] | [[file:a-simple-slide.png]] | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | - point 1 is made | - counter-point | | - point 2 | - Now, a long rambling point that is sure to overflow the table and require line wrapping. @@html:<br/>@@ Is this long enough, I don't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. | | - point 3 | - ok, I give. | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| * The source #+include: ./table.org example [-- Attachment #3: table.html --] [-- Type: text/plain, Size: 5939 bytes --] Can Org do this? Table of Contents * [1]1. Question * [2]2. Answer * [3]3. The source 1. Question From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> 2. Answer I think so. How about An image A second a-simple-slide.png a-simple-slide.png - point 1 is made - counter-point - point 2 - Now, a long rambling point that is sure to overflow the table and require line wrapping. Is this long enough, I don't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. - point 3 - ok, I give. 3. The source #+title: Can Org do this? #+html_head: <style type="text/css"> img { width: 350px; }</style> * Question #+begin_example From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> #+end_example * Answer I think so. How about #+attr_html: :rules false :frame false | An image | A second | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| | [[file:a-simple-slide.png]] | [[file:a-simple-slide.png]] | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| | - point 1 is made | - counter-point | | - point 2 | - Now, a long rambling point that is sure to overflo w the table and require line wrapping. @@html:<br/>@@ Is this long enough, I don 't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. | | - point 3 | - ok, I give. | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| * The source #+include: ./table.org example Author: Leo Butler Created: 2024-10-21 Mon 15:24 [4]Validate References 1. file:///tmp/tmp9VqjDT.html#orge08f374 2. file:///tmp/tmp9VqjDT.html#org7c642ac 3. file:///tmp/tmp9VqjDT.html#org92f92fc 4. https://validator.w3.org/check?uri=referer [-- Attachment #4: a-simple-slide.png --] [-- Type: image/png, Size: 85275 bytes --] [-- Attachment #5: ATT00001.txt --] [-- Type: text/plain, Size: 1906 bytes --] On Mon, Oct 21 2024, Michael Heerdegen <michael_heerdegen@web.de> wrote: > Hello, > > can org-mode do this? > > I have an org document and want that, at least in the html export, a > certain part looks like this: > > +---------------------------------+ +---------------------------------+ > | Image 1 | | Image 2 | > | | | | > | | | | > | | | | > | | | | > | | | | > | | | | > | | | | > | | | | > +---------------------------------+ +---------------------------------+ > > * Point 1 said about Image 1 * Point 1 said about Image 2 > * Point 2 said about Image 1 * Here Point 2 is harder to > describe and needs 2 lines > * More stuff about Image 1 > > I.e., a comparison of two variants of a thing using 2 images with > several small text items below them, that pairwise correspond to each > other. > > Is this doable in org-mode or should I better just use latex? > > I tried with a table (I did not succeed in getting images next to each > other in any other way). So, I do get the images placed side by side > but also... the rest of table features, like lines, and cells: > multi-line items are interpreted as two cells and wrongly indented etc. > > How can I maybe do this better? > > > TIA, > > Michael. ^ permalink raw reply [flat|nested] 6+ messages in thread
* Re: Org: two images side by side? 2024-10-21 20:24 ` Leo Butler @ 2024-10-22 14:19 ` Michael Heerdegen 2024-10-22 15:40 ` Leo Butler 0 siblings, 1 reply; 6+ messages in thread From: Michael Heerdegen @ 2024-10-22 14:19 UTC (permalink / raw) To: Leo Butler; +Cc: Emacs mailing list Leo Butler <Leo.Butler@umanitoba.ca> writes: > How about the attached solution? Very cool, thank you very much. > #+attr_html: :rules false :frame false This doesn't work as expected for me, however. I get a table with rules and frame! But when I remove this line from your file, I only get horizontal lines, but no vertical lines, and no frame. This makes no sense to me. I tried with emacs -Q and different browsers to display the resulting html. Michael. ^ permalink raw reply [flat|nested] 6+ messages in thread
* Re: Org: two images side by side? 2024-10-22 14:19 ` Michael Heerdegen @ 2024-10-22 15:40 ` Leo Butler 2024-10-23 15:48 ` Michael Heerdegen via Users list for the GNU Emacs text editor 0 siblings, 1 reply; 6+ messages in thread From: Leo Butler @ 2024-10-22 15:40 UTC (permalink / raw) To: Michael Heerdegen; +Cc: Emacs mailing list [-- Attachment #1: Type: text/plain, Size: 798 bytes --] On Tue, Oct 22 2024, Michael Heerdegen <michael_heerdegen@web.de> wrote: > Leo Butler <Leo.Butler@umanitoba.ca> writes: > >> How about the attached solution? > > Very cool, thank you very much. Thanks. > >> #+attr_html: :rules false :frame false > > This doesn't work as expected for me, however. According to https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table both attributes are deprecated (but false should be none). I can add some CSS and a DOCTYPE declaration: #+html_head: <style type="text/css"> img { width: 350px; } #+html_head_extra: table.noborder { border-style: none; };</style> #+html_doctype: html5 and change the table attributes to: #+attr_html: :class noborder With those changes, there is no border around that table. Leo [-- Warning: decoded text below may be mangled, UTF-8 assumed --] [-- Attachment #2: table.org --] [-- Type: text/x-org; name="table.org", Size: 4394 bytes --] #+title: Can Org do this? #+html_head: <style type="text/css"> img { width: 350px; } #+html_head_extra: table.noborder { border-style: none; };</style> #+html_doctype: html5 * Question #+begin_example From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> #+end_example * Answer I think so. How about #+attr_html: :class noborder | An image | A second | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | [[file:a-simple-slide.png]] | [[file:a-simple-slide.png]] | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | - point 1 is made | - counter-point | | - point 2 | - Now, a long rambling point that is sure to overflow the table and require line wrapping. @@html:<br/>@@ Is this long enough, I don't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. | | - point 3 | - ok, I give. | |-------------------------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| * The source #+include: ./table.org example [-- Attachment #3: table.html --] [-- Type: text/plain, Size: 6010 bytes --] Can Org do this? Table of Contents * [1]1. Question * [2]2. Answer * [3]3. The source 1. Question From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> 2. Answer I think so. How about An image A second a-simple-slide.png a-simple-slide.png - point 1 is made - counter-point - point 2 - Now, a long rambling point that is sure to overflow the table and require line wrapping. Is this long enough, I don't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. - point 3 - ok, I give. 3. The source #+title: Can Org do this? #+html_head: <style type="text/css"> img { width: 350px; } #+html_head_extra: table.noborder { border-style: none; };</style> #+html_doctype: html5 * Question #+begin_example From: Michael Heerdegen <michael_heerdegen@web.de> Subject: Org: two images side by side? To: Emacs mailing list <help-gnu-emacs@gnu.org> Date: Mon, 21 Oct 2024 14:57:38 +0200 (6 hours, 26 minutes, 57 seconds ago) Resent-From: <leo.butler@umanitoba.ca> Hello, can org-mode do this? I have an org document and want that, at least in the html export, a certain part looks like this: +---------------------------------+ +---------------------------------+ | Image 1 | | Image 2 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +---------------------------------+ +---------------------------------+ * Point 1 said about Image 1 * Point 1 said about Image 2 * Point 2 said about Image 1 * Here Point 2 is harder to describe and needs 2 lines * More stuff about Image 1 I.e., a comparison of two variants of a thing using 2 images with several small text items below them, that pairwise correspond to each other. <snip> #+end_example * Answer I think so. How about #+attr_html: :class noborder | An image | A second | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| | [[file:a-simple-slide.png]] | [[file:a-simple-slide.png]] | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| | - point 1 is made | - counter-point | | - point 2 | - Now, a long rambling point that is sure to overflo w the table and require line wrapping. @@html:<br/>@@ Is this long enough, I don 't know, so I will keep writing til I am sure that I have more than two-hundred and fifty characters in this line. Surely, we are now done. | | - point 3 | - ok, I give. | |-------------------------+----------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ------------------------------------------------------------| * The source #+include: ./table.org example Author: Leo Butler Created: 2024-10-22 Tue 10:37 [4]Validate References 1. file:///tmp/tmprn2Kuq.html#orge3ade9c 2. file:///tmp/tmprn2Kuq.html#org623b649 3. file:///tmp/tmprn2Kuq.html#orgcb93652 4. https://validator.w3.org/check?uri=referer ^ permalink raw reply [flat|nested] 6+ messages in thread
* Re: Org: two images side by side? 2024-10-22 15:40 ` Leo Butler @ 2024-10-23 15:48 ` Michael Heerdegen via Users list for the GNU Emacs text editor 2024-10-24 13:50 ` Leo Butler 0 siblings, 1 reply; 6+ messages in thread From: Michael Heerdegen via Users list for the GNU Emacs text editor @ 2024-10-23 15:48 UTC (permalink / raw) To: help-gnu-emacs Leo Butler <Leo.Butler@umanitoba.ca> writes: > I can add some CSS and a DOCTYPE declaration: > > #+html_head: <style type="text/css"> img { width: 350px; } > #+html_head_extra: table.noborder { border-style: none; };</style> > #+html_doctype: html5 > > and change the table attributes to: > > #+attr_html: :class noborder > > With those changes, there is no border around that table. With these attributes the result looks really nice. I think I'll keep that. Thank you! Michael. ^ permalink raw reply [flat|nested] 6+ messages in thread
* Re: Org: two images side by side? 2024-10-23 15:48 ` Michael Heerdegen via Users list for the GNU Emacs text editor @ 2024-10-24 13:50 ` Leo Butler 0 siblings, 0 replies; 6+ messages in thread From: Leo Butler @ 2024-10-24 13:50 UTC (permalink / raw) To: Michael Heerdegen via Users list for the GNU Emacs text editor Cc: Michael Heerdegen On Wed, Oct 23 2024, Michael Heerdegen via Users list for the GNU Emacs text editor <help-gnu-emacs@gnu.org> wrote: > Leo Butler <Leo.Butler@umanitoba.ca> writes: > >> I can add some CSS and a DOCTYPE declaration: >> >> #+html_head: <style type="text/css"> img { width: 350px; } >> #+html_head_extra: table.noborder { border-style: none; };</style> >> #+html_doctype: html5 >> >> and change the table attributes to: >> >> #+attr_html: :class noborder >> >> With those changes, there is no border around that table. > > With these attributes the result looks really nice. I think I'll keep > that. > > Thank you! > > Michael. I am glad to hear that I could help. Leo ^ permalink raw reply [flat|nested] 6+ messages in thread
end of thread, other threads:[~2024-10-24 13:50 UTC | newest] Thread overview: 6+ messages (download: mbox.gz follow: Atom feed -- links below jump to the message on this page -- 2024-10-21 12:57 Org: two images side by side? Michael Heerdegen 2024-10-21 20:24 ` Leo Butler 2024-10-22 14:19 ` Michael Heerdegen 2024-10-22 15:40 ` Leo Butler 2024-10-23 15:48 ` Michael Heerdegen via Users list for the GNU Emacs text editor 2024-10-24 13:50 ` Leo Butler
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).
![[-- Attachment #4: a-simple-slide.png --] [-- Type: image/png, Size: 85275 bytes --]](../../87plntxkyv.fsf@t14.reltub.ca/4-a-simple-slide.png){kind=link}