From mboxrd@z Thu Jan  1 00:00:00 1970
From: Sebastian Rose <sebastian_rose@gmx.de>
Subject: Re: Re: Aligning Columns in HTML Export Tables
Date: Sat, 23 Oct 2010 21:28:10 +0200
Message-ID: <87zku4emk5.fsf@gmx.de>
References: <AANLkTimvrivGeYSEhA86zpLXUbZrE3LxGLGH6=uc_VZ3@mail.gmail.com>
	<878w1svl7y.fsf@gollum.intra.norang.ca>
	<53D6BE6F-C152-45DE-B01B-89D50B4848BC@gmail.com>
	<87iq0u5v9v.fsf@gmx.de>
	<F15AE2C0-87E5-48A2-9A23-43F9FA3E8AA0@gmail.com>
	<87mxq6jpkr.fsf@gmx.de>
	<E4C1619A-5C07-4A5D-A88A-D024D1D613BC@gmail.com>
	<87mxq6hvcj.fsf@gmx.de>
	<7848164C-BDDA-4791-838B-2611670F4F46@gmail.com>
Mime-Version: 1.0
Content-Type: text/plain
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from [140.186.70.92] (port=47236 helo=eggs.gnu.org)
	by lists.gnu.org with esmtp (Exim 4.43) id 1P9jlM-0001zi-8W
	for emacs-orgmode@gnu.org; Sat, 23 Oct 2010 15:28:21 -0400
Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71)
	(envelope-from <sebastian_rose@gmx.de>) id 1P9jlL-0002ef-5C
	for emacs-orgmode@gnu.org; Sat, 23 Oct 2010 15:28:20 -0400
Received: from mailout-de.gmx.net ([213.165.64.22]:57969 helo=mail.gmx.net)
	by eggs.gnu.org with smtp (Exim 4.71)
	(envelope-from <sebastian_rose@gmx.de>) id 1P9jlK-0002eV-Pb
	for emacs-orgmode@gnu.org; Sat, 23 Oct 2010 15:28:19 -0400
In-Reply-To: <7848164C-BDDA-4791-838B-2611670F4F46@gmail.com> (Carsten
	Dominik's message of "Sat, 23 Oct 2010 07:53:17 +0200")
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/archive/html/emacs-orgmode>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=subscribe>
Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
To: Carsten Dominik <carsten.dominik@gmail.com>
Cc: Org-mode ml <emacs-orgmode@gnu.org>

Carsten Dominik <carsten.dominik@gmail.com> writes:
> I have now in the default style:
>
>   td, th { vertical-align: top;  }
>   th.right  { text-align:right;  }
>   th.left   { text-align:left;   }
>   th.center { text-align:center; }
>   td.right  { text-align:right;  }
>   td.left   { text-align:left;   }
>   td.center { text-align:center; }
>
> Is there a way to write this more compactly?
>
> - Carsten


But this is, what I often use:

  /* Aligns block elements, too: */
  .right  {margin-left:auto; margin-right:0px;  text-align:right;}
  .left   {margin-left:0px;  margin-right:auto; text-align:left;}
  .center {margin-left:auto; margin-right:auto; text-align:center;}

These are CSS classes I use frequently.  It works for all HTML elements
AND aligns table to the right in all important browsers.  I first
thought "OK, we can do this ourselves per stylesheet", but why not offer
this little goodie out-of-the-box?

Try:


(THERE'S A BUG: #+STYLE: lines are not wrapped in <style> tags anymore) 


--8<---------------cut here---------------start------------->8---
#+STYLE:  .right  {margin-left:auto; margin-right:0px;  text-align:right;}
#+STYLE:  .left   {margin-left:0px;  margin-right:auto; text-align:left;}
#+STYLE:  .center {margin-left:auto; margin-right:auto; text-align:center;}

* Tables

#+ATTR_HTML: class="left"
| a | b | c |
|---+---+---|
| 1 | 2 | 3 |

#+ATTR_HTML: class="center"
| a | b | c |
|---+---+---|
| 1 | 2 | 3 |

#+ATTR_HTML: class="right"
| a | b | c |
|---+---+---|
| 1 | 2 | 3 |
--8<---------------cut here---------------end--------------->8---



   Sebastian