Adding HTML into exported files

Adding HTML into exported files

[Jan Seeger]

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

Greetings!

I am currently creating a website using org-mode, and I want images to
float to the right. However, that leads to a problem that the outline
container doesn't resize to contain the image (Attached is a screenshot).

To force the outline container to resize, it would work to add "<div
style="clear: both"/>" before the end of the last container as
suggested here: http://csscreator.com/node/78.

Is there any infrastructure in place to add something like this, or
would I have to patch the code?

Best Regards,
Jan Seeger


[-- Attachment #2: screen-org.jpg --]
[-- Type: image/jpeg, Size: 86950 bytes --]

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

_______________________________________________
Emacs-orgmode mailing list
Remember: use `Reply All' to send replies to the list.
Emacs-orgmode@gnu.org
http://lists.gnu.org/mailman/listinfo/emacs-orgmode

Re: Adding HTML into exported files

[Sebastian Rose]

Jan Seeger <jan.seeger@thenybble.de> writes:
> Greetings!
>
> I am currently creating a website using org-mode, and I want images to
> float to the right. However, that leads to a problem that the outline
> container doesn't resize to contain the image (Attached is a screenshot).
>
> To force the outline container to resize, it would work to add "<div
> style="clear: both"/>" before the end of the last container as
> suggested here: http://csscreator.com/node/78.
>
> Is there any infrastructure in place to add something like this, or
> would I have to patch the code?

Hi Jan,


there are several possiblities to achive your goal.

A)

 @<div><img... /></div>@

Not shure if this is still supported though. I don't use that anymore


B) 

#+begin_html

 Html code here

#+end_html


and C)

  This is the cleanest way to do it.

#+ATTR_HTML: alt="an image" id="mySpecialImmage"
[[./img/a.jpg] ]

and use CSS.





see http://orgmode.org/Changes.html?OCCUR=image

(press `S-s' to find all matches for `image')


Best,

   Sebastian



> Best Regards,
> Jan Seeger
>
>
> _______________________________________________
> Emacs-orgmode mailing list
> Remember: use `Reply All' to send replies to the list.
> Emacs-orgmode@gnu.org
> http://lists.gnu.org/mailman/listinfo/emacs-orgmode

-- 
Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
Tel.:  +49 (0)511 - 36 58 472
Fax:   +49 (0)1805 - 233633 - 11044
mobil: +49 (0)173 - 83 93 417
Email: s.rose@emma-stil.de, sebastian_rose@gmx.de
Http:  www.emma-stil.de

Re: Adding HTML into exported files

[Richard Riley]

Sebastian Rose <sebastian_rose@gmx.de> writes:

>
>   This is the cleanest way to do it.
>
> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
> [[./img/a.jpg] ]
>
> and use CSS.
>
>

I didn't know about this!

Should this maybe be documented somewhere other than in the Links section
of the manual?

(org) Links

regards

r.

Re: Adding HTML into exported files

[Jan Seeger]

At Tue, 10 Feb 2009 15:03:47 +0100,
Sebastian Rose wrote:
> 
> Hi Jan,
> 
> 
> there are several possiblities to achive your goal.
> 
<snip> 
> B) 
> 
> #+begin_html
> 
>  Html code here
> 
> #+end_html

Yep, that's what I did. It's somewhat ugly though.

> and C)
> 
>   This is the cleanest way to do it.
> 
> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
> [[./img/a.jpg] ]
> 
> and use CSS.
> 
The problem is that I can't use CSS. I need to modify the HTML to
insert an element which forces the outline-2 container to extend all
the way down to the end of the image.

Regards,
Jan

Re: Adding HTML into exported files

[Sebastian Rose]

Richard Riley <rileyrgdev@googlemail.com> writes:
> Sebastian Rose <sebastian_rose@gmx.de> writes:
>
>>
>>   This is the cleanest way to do it.
>>
>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>> [[./img/a.jpg] ]
>>
>> and use CSS.
>>
>>
>
> I didn't know about this!
>
> Should this maybe be documented somewhere other than in the Links section
> of the manual?

I'm used to search the `list of user visible changes' though.  I can
imagine it's always a lot of work to incorporate all those new features
into the manual, and still keep that clean and easy to follow (forgot
the word... I know there is one...).

So the `hottest' features are often found in the news file :-)

I'm shure this will change as soon as we start to order printed manuals
on Amazon :)

I'll also by the `Book of user visible changes', just to be shure.



Regards,

-- 
Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
Tel.:  +49 (0)511 - 36 58 472
Fax:   +49 (0)1805 - 233633 - 11044
mobil: +49 (0)173 - 83 93 417
Http:  www.emma-stil.de

Re: Adding HTML into exported files

[Richard Riley]

Sebastian Rose <sebastian_rose@gmx.de> writes:

> Richard Riley <rileyrgdev@googlemail.com> writes:
>> Sebastian Rose <sebastian_rose@gmx.de> writes:
>>
>>>
>>>   This is the cleanest way to do it.
>>>
>>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>>> [[./img/a.jpg] ]
>>>
>>> and use CSS.
>>>
>>>
>>
>> I didn't know about this!
>>
>> Should this maybe be documented somewhere other than in the Links section
>> of the manual?
>
> I'm used to search the `list of user visible changes' though.  I can
> imagine it's always a lot of work to incorporate all those new features
> into the manual, and still keep that clean and easy to follow (forgot
> the word... I know there is one...).
>
> So the `hottest' features are often found in the news file :-)

Nothing new there then for any SW :-; I must admit not to following the
development too much now since most "just works" :-)

But anyway, I just thought I'd mention it since the relevant doc is
there but could be moved I guess.

>
> I'm shure this will change as soon as we start to order printed manuals
> on Amazon :)
>
> I'll also by the `Book of user visible changes', just to be shure.
>
>
>
> Regards,

-- 
 important and urgent problems of the technology of today are no longer the satisfactions of the primary needs or of archetypal wishes, but the reparation of the evils and damages by the technology of yesterday.  ~Dennis Gabor, Innovations:  Scientific, Technological and Social, 1970

Re: Adding HTML into exported files

[Carsten Dominik]

On Feb 10, 2009, at 3:05 PM, Richard Riley wrote:

> Sebastian Rose <sebastian_rose@gmx.de> writes:
>
>>
>>  This is the cleanest way to do it.
>>
>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>> [[./img/a.jpg] ]
>>
>> and use CSS.
>>
>>
>
> I didn't know about this!
>
> Should this maybe be documented somewhere other than in the Links  
> section
> of the manual?
>
>
> (org) Links

It is documented here:

http://orgmode.org/manual/Links.html#Links

Is this not the right place?

- Carsten

Re: Adding HTML into exported files

[Richard Riley]

Carsten Dominik <dominik@science.uva.nl> writes:

> On Feb 10, 2009, at 3:05 PM, Richard Riley wrote:
>
>> Sebastian Rose <sebastian_rose@gmx.de> writes:
>>
>>>
>>>  This is the cleanest way to do it.
>>>
>>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>>> [[./img/a.jpg] ]
>>>
>>> and use CSS.
>>>
>>>
>>
>> I didn't know about this!
>>
>> Should this maybe be documented somewhere other than in the Links
>> section
>> of the manual?
>>
>>
>> (org) Links
>
> It is documented here:
>
> http://orgmode.org/manual/Links.html#Links
>
> Is this not the right place?
>
> - Carsten
>

Hi Carsten,

I'm not sure. But it seems its also applicable to images. So possibly a
mention there or better in general HTML Export section? I could be
totally wrong though and am only going on my understanding of
Sebastian's advice,

regards

r.



-- 
 important and urgent problems of the technology of today are no longer the satisfactions of the primary needs or of archetypal wishes, but the reparation of the evils and damages by the technology of yesterday.  ~Dennis Gabor, Innovations:  Scientific, Technological and Social, 1970

Re: Adding HTML into exported files

[Sebastian Rose]

Jan Seeger <jan.seeger@thenybble.de> writes:
>> and C)
>> 
>>   This is the cleanest way to do it.
>> 
>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>> [[./img/a.jpg] ]
>> 
>> and use CSS.
>> 
> The problem is that I can't use CSS. I need to modify the HTML to
> insert an element which forces the outline-2 container to extend all
> the way down to the end of the image.

I do not understand what you mean by 'I can't use CSS'. You mean
external stylesheets?
If so, no problem. You may add several lines to the
export-options-template on top of the file:

#+STYLE: <style type="text/css"><![CDATA[
#+STYLE: #mySpecialImage{border:1px solid black;border-spacing:10px;...}


Regards,

-- 
Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
Tel.:  +49 (0)511 - 36 58 472
Fax:   +49 (0)1805 - 233633 - 11044
mobil: +49 (0)173 - 83 93 417
Http:  www.emma-stil.de

Re: Adding HTML into exported files

[Sebastian Rose]

> Carsten Dominik <dominik@science.uva.nl> writes:
>> It is documented here:
>>
>> http://orgmode.org/manual/Links.html#Links
>>
>> Is this not the right place?


The export section seems a good place actually. I just forgot, that
images and links share a common syntax.

Now, as I read this, I see that links and images are mentioned in the
same subsection (I think they were when I read the manual last spring).

I didn't read through the manual for a long time :) Just looked up
things quickly. I didn't find it in there. It was easy to find in the
`List of user visible chages' using

   `o image RET' ;-)




Regards,

-- 
Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
Tel.:  +49 (0)511 - 36 58 472
Fax:   +49 (0)1805 - 233633 - 11044
mobil: +49 (0)173 - 83 93 417
Http:  www.emma-stil.de

Re: Adding HTML into exported files

[Carsten Dominik]

[-- Attachment #1.1: Type: text/plain, Size: 977 bytes --]


On Feb 10, 2009, at 8:56 PM, Richard Riley wrote:

> Carsten Dominik <dominik@science.uva.nl> writes:
>
>> On Feb 10, 2009, at 3:05 PM, Richard Riley wrote:
>>
>>> Sebastian Rose <sebastian_rose@gmx.de> writes:
>>>
>>>>
>>>> This is the cleanest way to do it.
>>>>
>>>> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
>>>> [[./img/a.jpg] ]
>>>>
>>>> and use CSS.
>>>>
>>>>
>>>
>>> I didn't know about this!
>>>
>>> Should this maybe be documented somewhere other than in the Links
>>> section
>>> of the manual?
>>>
>>>
>>> (org) Links
>>
>> It is documented here:
>>
>> http://orgmode.org/manual/Links.html#Links
>>
>> Is this not the right place?
>>
>> - Carsten
>>
>
> Hi Carsten,
>
> I'm not sure. But it seems its also applicable to images. So  
> possibly a
> mention there or better in general HTML Export section? I could be
> totally wrong though and am only going on my understanding of
> Sebastian's advice,

I have also added it to the image section.

- Carsten


[-- Attachment #1.2: Type: text/html, Size: 3622 bytes --]

[-- Attachment #2: Type: text/plain, Size: 204 bytes --]

_______________________________________________
Emacs-orgmode mailing list
Remember: use `Reply All' to send replies to the list.
Emacs-orgmode@gnu.org
http://lists.gnu.org/mailman/listinfo/emacs-orgmode

Re: Adding HTML into exported files

[Jan Seeger]

At Wed, 11 Feb 2009 02:48:26 +0100,
Sebastian Rose wrote:
> 
> Jan Seeger <jan.seeger@thenybble.de> writes:
> >> and C)
> >> 
> >>   This is the cleanest way to do it.
> >> 
> >> #+ATTR_HTML: alt="an image" id="mySpecialImmage"
> >> [[./img/a.jpg] ]
> >> 
> >> and use CSS.
> >> 
> > The problem is that I can't use CSS. I need to modify the HTML to
> > insert an element which forces the outline-2 container to extend all
> > the way down to the end of the image.
> 
> I do not understand what you mean by 'I can't use CSS'. You mean
> external stylesheets?

Better said as "I can't archieve the effect I want using only CSS"^^.

Regards,
Jan