Re: HTML export / list issues

[Jarmo Hurri <jarmo.hurri@iki.fi>]

Rick Frankel <rick@rickster.com> writes:

>> > * Problem description
>> >   The examples below illustrate three problems I have with lists and
>> >   html export at the moment.
>> >   1. lists alphabetized in org are enumerated in html
>> 
>> Actually this is a wrong assumption. Org only distinguishes enumerated,
>> itemized and description lists. There are no sub-categories.
>> 
>> In the buffer, you may write an enumerated list item "1.", "1)", "a.",
>> "A.", "a)" or "A)", but they are all the same.
>> 
>> For this kind of thing, setting an appropriate CSS could be an option.
>
> Correct. try ~list-style-type: lower-alpha;~ in your css to get
> lowercase alphanumeric labels for an enumerated list (~<ol>~).

Brilliant. Actually, even better, from here

http://stackoverflow.com/questions/12787342/nested-list-styling-how-to-separate-styles

I adopted the following, which produces alphanumeric labels only in the
second level:

ol li ol {
    list-style-type: lower-alpha;
}

>> >   2. here is another element with some code; I am trying to center the
>> >      result of the evalution of this code in html
>> >      #+NAME: code-example
>> >      #+BEGIN_SRC elisp :exports results :results raw
>> >      (- 9 14) #+END_SRC
>> >
>> >      #+BEGIN_CENTER
>> >      #+RESULTS: code-example
>> >      -5
>> >      #+END_CENTER
>> >   3. but for some reason the result is not centered
>> 
>> This generates
>> 
>>   <div class="center">
>>   <p>
>>   -5
>>   </p>
>>   </div>
>> 
>> perhaps someone more versed in HTML could tell what is wrong here.
>
> I would assume it's because there is no css for ~div.center~. Try (untested):
>
>   div.center > p { text-align: center; }
>
> Note that this will center each line, separately. ...

My centered elements are actually canvases (the example here was
simplified), but with a bit of digging the following CSS worked for me
(I just dropped the centerings from the org code and centered all
canvases):

canvas
{
    display: block;
    margin: 0 auto;
}


Thanks!

Jarmo