emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
* org-table: missing vertical boundary when exported
@ 2014-06-07 21:15 Shiyuan
  2014-06-07 21:40 ` Thorsten Jolitz
  2014-06-10 13:23 ` Rick Frankel
  0 siblings, 2 replies; 11+ messages in thread
From: Shiyuan @ 2014-06-07 21:15 UTC (permalink / raw)
  To: emacs-orgmode

[-- Attachment #1: Type: text/plain, Size: 594 bytes --]

Hi,
    I am following the manual example
http://orgmode.org/worg/org-tutorials/tables.html. But the two vertical
boundary line on the very left and right
is not showing up when exported to html.  Anything I am missing? Thanks.


|   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
|---+----+-----+-----+-----+---------+------------|
| / | <> |   < |     |   > |       < |          > |
| # |  1 |   1 |   1 |   1 |       1 |          1 |
| # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
| # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
|---+----+-----+-----+-----+---------+------------|

[-- Attachment #2: Type: text/html, Size: 883 bytes --]

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-07 21:15 org-table: missing vertical boundary when exported Shiyuan
@ 2014-06-07 21:40 ` Thorsten Jolitz
  2014-06-07 22:02   ` Shiyuan
  2014-06-10 13:23 ` Rick Frankel
  1 sibling, 1 reply; 11+ messages in thread
From: Thorsten Jolitz @ 2014-06-07 21:40 UTC (permalink / raw)
  To: emacs-orgmode

Shiyuan <gshy2014@gmail.com> writes:

> Hi, 
> I am following the manual example
> http://orgmode.org/worg/org-tutorials/tables.html. But the two
> vertical boundary line on the very left and right 
> is not showing up when exported to html. Anything I am missing?
> Thanks. 
>
> | | N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> |---+----+-----+-----+-----+---------+------------|
> | / | <> | < | | > | < | > |
> | # | 1 | 1 | 1 | 1 | 1 | 1 |
> | # | 2 | 4 | 8 | 16 | 1.4142 | 1.1892 |
> | # | 3 | 9 | 27 | 81 | 1.7321 | 1.3161 |
> |---+----+-----+-----+-----+---------+------------|


Looks alright for me as html in emacs-w3m:

+-------------------------------+
|N|N^2|N^3|N^4|sqrt(n)|sqrt^1(N)|
|-+---+---+---+-------+---------|
|1|1  |1  |1  |1      |1        |
|-+---+---+---+-------+---------|
|2|4  |8  |16 |1.4142 |1.1892   |
|-+---+---+---+-------+---------|
|3|9  |27 |81 |1.7321 |1.3161   |
+-------------------------------+

Footnotes:

^1

DEFINITION NOT FOUND.

Author: Thorsten Jolitz

Created: 2014-06-07 Sa 23:38

Emacs 24.3.1 (Org mode 8.2.6)

Validate


-- 
cheers,
Thorsten

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-07 21:40 ` Thorsten Jolitz
@ 2014-06-07 22:02   ` Shiyuan
  2014-06-07 22:44     ` Thorsten Jolitz
  0 siblings, 1 reply; 11+ messages in thread
From: Shiyuan @ 2014-06-07 22:02 UTC (permalink / raw)
  To: Thorsten Jolitz; +Cc: emacs-orgmode

[-- Attachment #1: Type: text/plain, Size: 1401 bytes --]

I use Emacs 24.3.9, org 8.2.6. I viewed the html on Chrome/Firebox. I don't
use emacs-w3m.  But could it be the problem of browsers? Thanks.


On Sat, Jun 7, 2014 at 2:40 PM, Thorsten Jolitz <tjolitz@gmail.com> wrote:

> Shiyuan <gshy2014@gmail.com> writes:
>
> > Hi,
> > I am following the manual example
> > http://orgmode.org/worg/org-tutorials/tables.html. But the two
> > vertical boundary line on the very left and right
> > is not showing up when exported to html. Anything I am missing?
> > Thanks.
> >
> > | | N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> > |---+----+-----+-----+-----+---------+------------|
> > | / | <> | < | | > | < | > |
> > | # | 1 | 1 | 1 | 1 | 1 | 1 |
> > | # | 2 | 4 | 8 | 16 | 1.4142 | 1.1892 |
> > | # | 3 | 9 | 27 | 81 | 1.7321 | 1.3161 |
> > |---+----+-----+-----+-----+---------+------------|
>
>
> Looks alright for me as html in emacs-w3m:
>
> +-------------------------------+
> |N|N^2|N^3|N^4|sqrt(n)|sqrt^1(N)|
> |-+---+---+---+-------+---------|
> |1|1  |1  |1  |1      |1        |
> |-+---+---+---+-------+---------|
> |2|4  |8  |16 |1.4142 |1.1892   |
> |-+---+---+---+-------+---------|
> |3|9  |27 |81 |1.7321 |1.3161   |
> +-------------------------------+
>
> Footnotes:
>
> ^1
>
> DEFINITION NOT FOUND.
>
> Author: Thorsten Jolitz
>
> Created: 2014-06-07 Sa 23:38
>
> Emacs 24.3.1 (Org mode 8.2.6)
>
> Validate
>
>
> --
> cheers,
> Thorsten
>
>
>

[-- Attachment #2: Type: text/html, Size: 2307 bytes --]

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-07 22:02   ` Shiyuan
@ 2014-06-07 22:44     ` Thorsten Jolitz
  0 siblings, 0 replies; 11+ messages in thread
From: Thorsten Jolitz @ 2014-06-07 22:44 UTC (permalink / raw)
  To: emacs-orgmode

[-- Attachment #1: Type: text/plain, Size: 251 bytes --]

Shiyuan <gshy2014@gmail.com> writes:

> I use Emacs 24.3.9, org 8.2.6. I viewed the html on Chrome/Firebox. I
> don't use emacs-w3m. But could it be the problem of browsers? Thanks. 

hmm ... no idea, but I attach the html, so you can compare that. 


[-- Attachment #2: tbl.html --]
[-- Type: text/html, Size: 6560 bytes --]

[-- Attachment #3: Type: text/plain, Size: 22 bytes --]


-- 
cheers,
Thorsten

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-07 21:15 org-table: missing vertical boundary when exported Shiyuan
  2014-06-07 21:40 ` Thorsten Jolitz
@ 2014-06-10 13:23 ` Rick Frankel
  2014-06-10 15:34   ` John Hendy
  2014-06-11  5:34   ` Shiyuan
  1 sibling, 2 replies; 11+ messages in thread
From: Rick Frankel @ 2014-06-10 13:23 UTC (permalink / raw)
  To: Shiyuan; +Cc: emacs-orgmode

On 2014-06-07 17:15, Shiyuan wrote:
>     I am following the manual
> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
> two vertical boundary line on the very left and right 
> is not showing up when exported to html.  Anything I am missing? 
> Thanks. 

My guess is that it is related to the css being used to style the table
in your setup.

Could you post a minimal example with the html output?

rick

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-10 13:23 ` Rick Frankel
@ 2014-06-10 15:34   ` John Hendy
  2014-06-11  5:34   ` Shiyuan
  1 sibling, 0 replies; 11+ messages in thread
From: John Hendy @ 2014-06-10 15:34 UTC (permalink / raw)
  To: Rick Frankel; +Cc: emacs-orgmode, Shiyuan

On Tue, Jun 10, 2014 at 8:23 AM, Rick Frankel <rick@rickster.com> wrote:
> On 2014-06-07 17:15, Shiyuan wrote:
>>
>>     I am following the manual
>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>> two vertical boundary line on the very left and right
>> is not showing up when exported to html.  Anything I am missing? Thanks.
>
>
> My guess is that it is related to the css being used to style the table
> in your setup.

Agreed. I just used `emacs -Q` with this minimal config:

(add-to-list 'load-path "~/.elisp/org.git/contrib/lisp/")
(add-to-list 'load-path "~/.elisp/org.git/lisp/")

Exporting the following simple table yields no vertical lines at all,
just two horizontal lines at the top and bottom of the table:

* test

|   |   |   |
| A | B | C |
| 1 | 2 | 3 |
| a | b | c |


If I use something like the old Worg css sheet, however, I get a box
around the table:

#+html_head: <link rel="stylesheet" type="text/css"
href="http://tinyurl.com/77t76qa" />

So, I believe it's related to the css. There's an entry in the Worg css like so:

  table {
    border: none;
  }

So I'm guessing that can be changed (there's entries for td and th as
well, which seem relevant). Now that I actually look at it, I don't
know why the table has a box around it since all the borders say
"none"... but I'm not a css guy :)


John

>
> Could you post a minimal example with the html output?
>
> rick
>

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-10 13:23 ` Rick Frankel
  2014-06-10 15:34   ` John Hendy
@ 2014-06-11  5:34   ` Shiyuan
  2014-08-10  0:49     ` Shiyuan
  1 sibling, 1 reply; 11+ messages in thread
From: Shiyuan @ 2014-06-11  5:34 UTC (permalink / raw)
  To: Rick Frankel; +Cc: emacs-orgmode

[-- Attachment #1: Type: text/plain, Size: 1361 bytes --]

Yes, it seems to be related to the browser or css style stuff.  In fact,
for the attached html in  Thorsten's previous email, the two boundaries
vertical lines are also missing in my Google Chrome or Firefox.  Thanks.

This is the example directed from copy-paste.

|   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
|---+----+-----+-----+-----+---------+------------|
| / | <> |   < |     |   > |       < |          > |
| # |  1 |   1 |   1 |   1 |       1 |          1 |
| # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
| # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
|---+----+-----+-----+-----+---------+------------|
This is my minimal config, Emacs start with '-Q  -l "~/myorg.el" which is

(package-initialize)
(org-babel-do-load-languages
 'org-babel-load-languages
 '((python . t)
   (emacs-lisp . t)
   (latex . t)))



On Tue, Jun 10, 2014 at 6:23 AM, Rick Frankel <rick@rickster.com> wrote:

> On 2014-06-07 17:15, Shiyuan wrote:
>
>>     I am following the manual
>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>>
>> two vertical boundary line on the very left and right
>> is not showing up when exported to html.  Anything I am missing? Thanks.
>>
>
> My guess is that it is related to the css being used to style the table
> in your setup.
>
> Could you post a minimal example with the html output?
>
> rick
>

[-- Attachment #2: Type: text/html, Size: 2363 bytes --]

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-06-11  5:34   ` Shiyuan
@ 2014-08-10  0:49     ` Shiyuan
  2014-08-11 17:58       ` Rick Frankel
  0 siblings, 1 reply; 11+ messages in thread
From: Shiyuan @ 2014-08-10  0:49 UTC (permalink / raw)
  To: Rick Frankel; +Cc: emacs-orgmode@gnu.org

[-- Attachment #1: Type: text/plain, Size: 2258 bytes --]

Hi,
    I learned a bit a about html/css and took another look the issue. It
turns out that org-mode uses the border attribute which is not respected by
my browser(Google Chrome version 36.0.1985.125 on Mac 10.9.4) .

Org mode generated this line in the html for table but the border is not
displayed,
<table border="2" cellspacing="0" cellpadding="6" rules="groups"
frame="hsides">

If we use css style to specify the border,  the table border would show up:
<table style="border:2px" cellspacing="0" cellpadding="6" rules="groups"
frame="hsides">

Don't know why it is that. But is there any org keywords/properties I can
specify so that  Org would not use the border  attribute but use the style
attribute instead when exporting to html? Thanks.

Shiyuan



On Tue, Jun 10, 2014 at 10:34 PM, Shiyuan <gshy2014@gmail.com> wrote:

> Yes, it seems to be related to the browser or css style stuff.  In fact,
> for the attached html in  Thorsten's previous email, the two boundaries
> vertical lines are also missing in my Google Chrome or Firefox.  Thanks.
>
> This is the example directed from copy-paste.
>
> |   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> |---+----+-----+-----+-----+---------+------------|
> | / | <> |   < |     |   > |       < |          > |
> | # |  1 |   1 |   1 |   1 |       1 |          1 |
> | # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
> | # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
> |---+----+-----+-----+-----+---------+------------|
> This is my minimal config, Emacs start with '-Q  -l "~/myorg.el" which is
>
> (package-initialize)
> (org-babel-do-load-languages
>  'org-babel-load-languages
>  '((python . t)
>    (emacs-lisp . t)
>    (latex . t)))
>
>
>
> On Tue, Jun 10, 2014 at 6:23 AM, Rick Frankel <rick@rickster.com> wrote:
>
>> On 2014-06-07 17:15, Shiyuan wrote:
>>
>>>     I am following the manual
>>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>>>
>>> two vertical boundary line on the very left and right
>>> is not showing up when exported to html.  Anything I am missing? Thanks.
>>>
>>
>> My guess is that it is related to the css being used to style the table
>> in your setup.
>>
>> Could you post a minimal example with the html output?
>>
>> rick
>>
>
>

[-- Attachment #2: Type: text/html, Size: 3826 bytes --]

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-08-10  0:49     ` Shiyuan
@ 2014-08-11 17:58       ` Rick Frankel
  2014-08-13  4:46         ` Shiyuan
  0 siblings, 1 reply; 11+ messages in thread
From: Rick Frankel @ 2014-08-11 17:58 UTC (permalink / raw)
  To: Shiyuan; +Cc: emacs-orgmode@gnu.org

[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #1: Type: text/plain; charset=utf-8, Size: 1126 bytes --]

On Sat, Aug 09, 2014 at 05:49:27PM -0700, Shiyuan wrote:
>    Hi,Â
>    Â Â I learned a bit a about html/css and took another look the issue. It
>    turns out that org-mode uses the border attribute which is not respected
>    by my browser(Google Chrome version 36.0.1985.125 on Mac 10.9.4) .Â
>    Org mode generated this line in the html for table but the border is not
>    displayed,Â
>    <table border="2" cellspacing="0" cellpadding="6" rules="groups"
>    frame="hsides">

The "border" attribute has nothing to do with it. It's the "frame" attribute
which sets the default top and bottom borders.

>    If we use css style to specify the border, Â the table border would show
>    up:Â
>    <table style="border:2px" cellspacing="0" cellpadding="6" rules="groups"
>    frame="hsides">

No. The CSS should be in the header, not an attribute of the tag. Have you
tried setting the 'HTML_HEAD_EXTRA' option?  somehting like:

#+HTML_HEAD_EXTRA: <style type="text/css">
#+HTML_HEAD_EXTRA: table {border-left: 1px solid black; border-right: 1px solid black;}
#+HTML_HEAD_EXTRA: </style>


rick

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-08-11 17:58       ` Rick Frankel
@ 2014-08-13  4:46         ` Shiyuan
  2014-08-14 14:16           ` Rick Frankel
  0 siblings, 1 reply; 11+ messages in thread
From: Shiyuan @ 2014-08-13  4:46 UTC (permalink / raw)
  To: Shiyuan, emacs-orgmode@gnu.org

[-- Attachment #1: Type: text/plain, Size: 1510 bytes --]

Rick,
   Do you mean that  <table border="2"> and <table style="border:2px">
don't mean the same thing? Their names suggest they do the same things.
That's a terrible naming. Changing the former to the latter does fix the
problem though. Why is that?

Using the #+HTML_HEAD_EXTRA options as you suggest can also fix the
problem. But could you explain why using the HTML_HEAD_EXTRA is more
advisable than setting the <table style="border:2px"> directly as table
attributes? What would you suggest if we want some tables have orders and
others don't have borders in the same html webpage?

Thank you.

Shiyuan


>    Org mode generated this line in the html for table but the border is
> not
> >    displayed,Â
> >    <table border="2" cellspacing="0" cellpadding="6" rules="groups"
> >    frame="hsides">
>
> The "border" attribute has nothing to do with it. It's the "frame"
> attribute
> which sets the default top and bottom borders.
>


> >    If we use css style to specify the border, Â the table border would
> show
> >    up:Â
> >    <table style="border:2px" cellspacing="0" cellpadding="6"
> rules="groups"
> >    frame="hsides">
>
> No. The CSS should be in the header, not an attribute of the tag. Have you
> tried setting the 'HTML_HEAD_EXTRA' option?  somehting like:
> #+HTML_HEAD_EXTRA: <style type="text/css">
> #+HTML_HEAD_EXTRA: table {border-left: 1px solid black; border-right: 1px
> solid black;}
> #+HTML_HEAD_EXTRA: </style>
>
>
> rick
>

[-- Attachment #2: Type: text/html, Size: 2453 bytes --]

^ permalink raw reply	[flat|nested] 11+ messages in thread

* Re: org-table: missing vertical boundary when exported
  2014-08-13  4:46         ` Shiyuan
@ 2014-08-14 14:16           ` Rick Frankel
  0 siblings, 0 replies; 11+ messages in thread
From: Rick Frankel @ 2014-08-14 14:16 UTC (permalink / raw)
  To: Shiyuan; +Cc: emacs-orgmode

On 2014-08-13 00:46, Shiyuan wrote:
> Rick, 
>    Do you mean that  <table border="2"> and <table style="border:2px">
> don't mean the same thing? Their names suggest they do the same
> things. That's a terrible naming. Changing the former to the latter
> does fix the problem though. Why is that? 

Please read the HTML specifications for an explaination. By my reading
border="2" is in fact invalid in html5:

The border attribute may be specified on a table element to
explicitly indicate that the table element is not being used for
layout purposes. If specified, the attribute's value must either
be the empty string or the value "1". The attribute is used by
certain user agents as an indication that borders should be drawn
around cells of the table.

In html4 it does seem to do the same thing:

border = pixels [CN]
This attributes specifies the width (in pixels only) of the frame
around a table (see the Note below for more information about this
attribute).
>      
> Using the #+HTML_HEAD_EXTRA options as you suggest can also fix the
> problem. But could you explain why using the HTML_HEAD_EXTRA is more
> advisable than setting the <table style="border:2px"> directly as
> table attributes? What would you suggest if we want some tables have
> orders and others don't have borders in the same html webpage? 

Use css selectors. If you want to set the style attribute directly on
the table element in a post-processor you may, but is is not
considered best practice.

^ permalink raw reply	[flat|nested] 11+ messages in thread

end of thread, other threads:[~2014-08-14 14:16 UTC | newest]

Thread overview: 11+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2014-06-07 21:15 org-table: missing vertical boundary when exported Shiyuan
2014-06-07 21:40 ` Thorsten Jolitz
2014-06-07 22:02   ` Shiyuan
2014-06-07 22:44     ` Thorsten Jolitz
2014-06-10 13:23 ` Rick Frankel
2014-06-10 15:34   ` John Hendy
2014-06-11  5:34   ` Shiyuan
2014-08-10  0:49     ` Shiyuan
2014-08-11 17:58       ` Rick Frankel
2014-08-13  4:46         ` Shiyuan
2014-08-14 14:16           ` Rick Frankel

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).