emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
* Adding HTML into exported files
@ 2009-02-10 13:06 Jan Seeger
  2009-02-10 14:03 ` Sebastian Rose
  0 siblings, 1 reply; 12+ messages in thread
From: Jan Seeger @ 2009-02-10 13:06 UTC (permalink / raw)
  To: Org Mode List

[-- 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

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

* Re: Adding HTML into exported files
  2009-02-10 13:06 Adding HTML into exported files Jan Seeger
@ 2009-02-10 14:03 ` Sebastian Rose
  2009-02-10 14:05   ` Richard Riley
  2009-02-10 14:27   ` Jan Seeger
  0 siblings, 2 replies; 12+ messages in thread
From: Sebastian Rose @ 2009-02-10 14:03 UTC (permalink / raw)
  To: Jan Seeger; +Cc: Org Mode List

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

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

* Re: Adding HTML into exported files
  2009-02-10 14:03 ` Sebastian Rose
@ 2009-02-10 14:05   ` Richard Riley
  2009-02-10 14:27     ` Sebastian Rose
  2009-02-10 19:30     ` Carsten Dominik
  2009-02-10 14:27   ` Jan Seeger
  1 sibling, 2 replies; 12+ messages in thread
From: Richard Riley @ 2009-02-10 14:05 UTC (permalink / raw)
  To: Sebastian Rose; +Cc: Org Mode List

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.

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

* Re: Adding HTML into exported files
  2009-02-10 14:03 ` Sebastian Rose
  2009-02-10 14:05   ` Richard Riley
@ 2009-02-10 14:27   ` Jan Seeger
  2009-02-11  1:48     ` Sebastian Rose
  1 sibling, 1 reply; 12+ messages in thread
From: Jan Seeger @ 2009-02-10 14:27 UTC (permalink / raw)
  To: Sebastian Rose; +Cc: Org Mode List

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

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

* Re: Adding HTML into exported files
  2009-02-10 14:05   ` Richard Riley
@ 2009-02-10 14:27     ` Sebastian Rose
  2009-02-10 15:20       ` Richard Riley
  2009-02-10 19:30     ` Carsten Dominik
  1 sibling, 1 reply; 12+ messages in thread
From: Sebastian Rose @ 2009-02-10 14:27 UTC (permalink / raw)
  To: Richard Riley; +Cc: Org Mode List

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

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

* Re: Adding HTML into exported files
  2009-02-10 14:27     ` Sebastian Rose
@ 2009-02-10 15:20       ` Richard Riley
  0 siblings, 0 replies; 12+ messages in thread
From: Richard Riley @ 2009-02-10 15:20 UTC (permalink / raw)
  To: Sebastian Rose; +Cc: Org Mode List, 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

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

* Re: Adding HTML into exported files
  2009-02-10 14:05   ` Richard Riley
  2009-02-10 14:27     ` Sebastian Rose
@ 2009-02-10 19:30     ` Carsten Dominik
  2009-02-10 19:56       ` Richard Riley
  1 sibling, 1 reply; 12+ messages in thread
From: Carsten Dominik @ 2009-02-10 19:30 UTC (permalink / raw)
  To: Richard Riley; +Cc: Org Mode List


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

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

* Re: Adding HTML into exported files
  2009-02-10 19:30     ` Carsten Dominik
@ 2009-02-10 19:56       ` Richard Riley
  2009-02-11  2:04         ` Sebastian Rose
  2009-02-11 10:34         ` Carsten Dominik
  0 siblings, 2 replies; 12+ messages in thread
From: Richard Riley @ 2009-02-10 19:56 UTC (permalink / raw)
  To: Carsten Dominik; +Cc: Org Mode List, 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

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

* Re: Adding HTML into exported files
  2009-02-10 14:27   ` Jan Seeger
@ 2009-02-11  1:48     ` Sebastian Rose
  2009-02-11 17:34       ` Jan Seeger
  0 siblings, 1 reply; 12+ messages in thread
From: Sebastian Rose @ 2009-02-11  1:48 UTC (permalink / raw)
  To: Jan Seeger; +Cc: Org Mode List

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

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

* Re: Adding HTML into exported files
  2009-02-10 19:56       ` Richard Riley
@ 2009-02-11  2:04         ` Sebastian Rose
  2009-02-11 10:34         ` Carsten Dominik
  1 sibling, 0 replies; 12+ messages in thread
From: Sebastian Rose @ 2009-02-11  2:04 UTC (permalink / raw)
  To: Richard Riley; +Cc: Org Mode List

> 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

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

* Re: Adding HTML into exported files
  2009-02-10 19:56       ` Richard Riley
  2009-02-11  2:04         ` Sebastian Rose
@ 2009-02-11 10:34         ` Carsten Dominik
  1 sibling, 0 replies; 12+ messages in thread
From: Carsten Dominik @ 2009-02-11 10:34 UTC (permalink / raw)
  To: Richard Riley; +Cc: Org Mode List


[-- 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

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

* Re: Adding HTML into exported files
  2009-02-11  1:48     ` Sebastian Rose
@ 2009-02-11 17:34       ` Jan Seeger
  0 siblings, 0 replies; 12+ messages in thread
From: Jan Seeger @ 2009-02-11 17:34 UTC (permalink / raw)
  To: Sebastian Rose; +Cc: Org Mode List

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

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

end of thread, other threads:[~2009-02-11 17:35 UTC | newest]

Thread overview: 12+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2009-02-10 13:06 Adding HTML into exported files Jan Seeger
2009-02-10 14:03 ` Sebastian Rose
2009-02-10 14:05   ` Richard Riley
2009-02-10 14:27     ` Sebastian Rose
2009-02-10 15:20       ` Richard Riley
2009-02-10 19:30     ` Carsten Dominik
2009-02-10 19:56       ` Richard Riley
2009-02-11  2:04         ` Sebastian Rose
2009-02-11 10:34         ` Carsten Dominik
2009-02-10 14:27   ` Jan Seeger
2009-02-11  1:48     ` Sebastian Rose
2009-02-11 17:34       ` Jan Seeger

Code repositories for project(s) associated with this 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).