Applying inline styles to a section for exported HTML

Applying inline styles to a section for exported HTML

[Jeff Horn]

I'm aware we can define #+ATTR_HTML: for styling of divs containing
images and tables. Is there similar functionality for section divs?
Simply adding the required option below or above the section didn't do
the trick.

Since section divs aren't named semantically[1], I can't simply add a
class style to my CSS file. I basically want to turn a section in my
org file into a callout/sidebar box. Any ideas?

Best,
Jeff

[1] What I mean is, a section "* Word" is identified with an id and a
class of "section-1" or something similar if it is the first section
in a document. If it had an id of "word", I could simply a style for
that id in my style sheet.

-- 
Jeffrey Horn
Graduate Lecturer and PhD Student in Economics
George Mason University

(704) 271-4797
jhorn@gmu.edu
jrhorn424@gmail.com

http://www.failuretorefrain.com/jeff/

Re: Applying inline styles to a section for exported HTML

[Sebastian Rose]

Jeff Horn <jrhorn424@gmail.com> writes:
> I'm aware we can define #+ATTR_HTML: for styling of divs containing
> images and tables. Is there similar functionality for section divs?
> Simply adding the required option below or above the section didn't do
> the trick.
>
> Since section divs aren't named semantically[1], I can't simply add a
> class style to my CSS file. I basically want to turn a section in my
> org file into a callout/sidebar box. Any ideas?
>
> Best,
> Jeff
>
> [1] What I mean is, a section "* Word" is identified with an id and a
> class of "section-1" or something similar if it is the first section
> in a document. If it had an id of "word", I could simply a style for
> that id in my style sheet.


Maybe custom IDs are your friends?



* A Word on Words
  :PROPERTIES:
  :CUSTOM_ID: word
  :END:

  Content



You can add that property like this:

    C-c C-x p CU TAB



HTH

  Sebastian

Re: Applying inline styles to a section for exported HTML

[Jeff Horn]

> Maybe custom IDs are your friends?
>
>
>
> * A Word on Words
>  :PROPERTIES:
>  :CUSTOM_ID: word
>  :END:
>
>  Content
>

Great idea, but something isn't working right. It catches and styles
the headline, but not the content.

Org text:
________________________________________________________________________
* Elsewhere
  :PROPERTIES:
  :CUSTOM_ID: elsewhere
  :END:
  You can find me elsewhere on the web.
  - [[http://www.facebook.com/jrhorn424][Facebook]]
  - [[http://www.twitter.com/jrhorn424][Twitter]]
  - [[http://www.flickr.com/people/jrhorn/][Flickr]]
  - [[http://pinboard.in/u:jrhorn424][Pinboard]]
________________________________________________________________________

CSS style in linked file:
________________________________________________________________________
#elsewhere {float:right; width:20%; margin: 0px 15px 5px 15px;
padding:15px; background: #eee; border: 3px dashed;}
________________________________________________________________________

Have I done something incorrectly?

Jeff

-- 
Jeffrey Horn
Graduate Lecturer and PhD Student in Economics
George Mason University

(704) 271-4797
jhorn@gmu.edu
jrhorn424@gmail.com

http://www.failuretorefrain.com/jeff/

Re: Applying inline styles to a section for exported HTML

[Carsten Dominik]

On Oct 16, 2010, at 9:18 PM, Jeff Horn wrote:

>> Maybe custom IDs are your friends?
>>
>>
>>
>> * A Word on Words
>>  :PROPERTIES:
>>  :CUSTOM_ID: word
>>  :END:
>>
>>  Content
>>
>
> Great idea, but something isn't working right. It catches and styles
> the headline, but not the content.
>
> Org text:
> ________________________________________________________________________
> * Elsewhere
>  :PROPERTIES:
>  :CUSTOM_ID: elsewhere
>  :END:
>  You can find me elsewhere on the web.
>  - [[http://www.facebook.com/jrhorn424][Facebook]]
>  - [[http://www.twitter.com/jrhorn424][Twitter]]
>  - [[http://www.flickr.com/people/jrhorn/][Flickr]]
>  - [[http://pinboard.in/u:jrhorn424][Pinboard]]
> ________________________________________________________________________
>
> CSS style in linked file:
> ________________________________________________________________________
> #elsewhere {float:right; width:20%; margin: 0px 15px 5px 15px;
> padding:15px; background: #eee; border: 3px dashed;}
> ________________________________________________________________________
>
> Have I done something incorrectly?

For styling the entire subtree, use a property :HTML_CONTAINER_CLASS:

- Carsten

Re: Applying inline styles to a section for exported HTML

[Jeff Horn]

Worked like a charm. Thanks for this!

Jeff

On Sun, Oct 17, 2010 at 1:47 AM, Carsten Dominik
<carsten.dominik@gmail.com> wrote:
>
> On Oct 16, 2010, at 9:18 PM, Jeff Horn wrote:
>
>>> Maybe custom IDs are your friends?
>>>
>>>
>>>
>>> * A Word on Words
>>>  :PROPERTIES:
>>>  :CUSTOM_ID: word
>>>  :END:
>>>
>>>  Content
>>>
>>
>> Great idea, but something isn't working right. It catches and styles
>> the headline, but not the content.
>>
>> Org text:
>> ________________________________________________________________________
>> * Elsewhere
>>  :PROPERTIES:
>>  :CUSTOM_ID: elsewhere
>>  :END:
>>  You can find me elsewhere on the web.
>>  - [[http://www.facebook.com/jrhorn424][Facebook]]
>>  - [[http://www.twitter.com/jrhorn424][Twitter]]
>>  - [[http://www.flickr.com/people/jrhorn/][Flickr]]
>>  - [[http://pinboard.in/u:jrhorn424][Pinboard]]
>> ________________________________________________________________________
>>
>> CSS style in linked file:
>> ________________________________________________________________________
>> #elsewhere {float:right; width:20%; margin: 0px 15px 5px 15px;
>> padding:15px; background: #eee; border: 3px dashed;}
>> ________________________________________________________________________
>>
>> Have I done something incorrectly?
>
> For styling the entire subtree, use a property :HTML_CONTAINER_CLASS:
>
> - Carsten
>
>



-- 
Jeffrey Horn
Graduate Lecturer and PhD Student in Economics
George Mason University

(704) 271-4797
jhorn@gmu.edu
jrhorn424@gmail.com

http://www.failuretorefrain.com/jeff/