insert <I FRAME>

[bcostel]

Can you tell me how can I insert a Iframe ito a page like" <__iframe src="http://oddBanner..............."?
Thank's

[LouiseW]

SOLVED with a Global Content Block, see my last posting

I would like to know this too.

I tried this in HTML modus:

Text

Text

This gives a page with
Text
a bordered square of 300 by 400 px
Text

but no content of page iframe.html.

[Sonya]

You can use "embed" tag in WYISWYG:

Code: Select all

{embed url=http://www.google.com/}

Additionaly, you must put in the "Metadata:" section (advanced tab) 

Code: Select all

{embed header=true}

Also be sure to put  {metadata} in between the "head" tags of your template.

[Dr.CSS]

This should be moved to another thread, it's not accessibility related...

[LouiseW]

Hello Sonya

I copied/pasted your code in one of my pages, but too bad nothing was shown.

The source code of the page now contains this code

[Dr.CSS]

Read the bolded words below \/ to see how to use the embed tag...

[LouiseW]

GREAT!!!

The help info on embed says:

You must include in your page content {embed url=..} and in the "Metadata:" section (advanced tab) you must put {embed header=true}. Also be sure to put this in between the "head" tags of your template: {metadata}

That last part Also be sure to put this in between the "head" tags of your template: {metadata} was what I missed!

[Ziggywigged]

This confused me recently too because the header=true param is listed as optional under parameters but it seems it MUST be included to over-ride the default style display:none (i think). This note is included right under parameters in the help section but I had missed that part, hence the confusion.

[LouiseW]

I made a nice html page with a java slideshow
Placing it within my web page is no problem any more, thanks to Sonya!!

However positioning is a puzzle!

The web page starts with
{embed url=uploads/images/show/blendimages.html}
{embed style="float: right" url=uploads/images/show/blendimages.html} doesn't work

To the stylesheet I added
#myframe { height: 159px; width: 240px; quality: high; scale: noscale; overflow:hidden;  position:absolute; float:right;}
Float right doesn't work here too.

In IE7 the text on the page is no longer visible. I want to put the embedded page on the right op my page but it is on the left now and too low, partioally over the footer.

In FF2 I get a scroll bar with wich I can move the embeded page upwards. The text is to the left of the embedded page and the embedded page is too low.

Also I would like to position more than one embedded page on my site, not always on the same position and not always of the same size, so height: 159px; width: 240px; float:right should not be in the style sheet.

How do I get it right?

I am still working at localhost, but the site will be on line soon.

----------------
I found in the forum a posting of January 2006:
http://forum.cmsmadesimple.org/index.ph ... l#msg14579
It explains how to alter the plugins/function.embed.php file. I don't want to do this, because it forces all embedded pages to one size and postion.

[Dr.CSS]

Have you tried wrapping the "embedded" in another div to style?...

[LouiseW]

Mark

I just tried this:
I put .embedded {float: right;} in the stylesheet and
{embed url=uploads/images/show/blendimages.html} on the page.
Now the embedded page doesn't show and I get a smarty message:

string(123) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag 'embed�' (Smarty_Compiler.class.php, line 590)"

Then I tried
{embed class="embedded" url=uploads/images/show/blendimages.html}
Now my embedded page is on the left lower corner of my page again and no text is visible.


So what other ways are there to wrap the "embedded" in another div to style?...

[Dr.CSS]

I have 2 diff. embeds, same gallery...

first is in page edit box second is in template...

http://multiintech.com/embed-in-page.html ...  this uses the ID of the frame for style...

#myframe {
height: 400px
}

http://multiintech.com/galleries/embede ... .html&nbsp; same thing used in CSS...

#myframe {
        height:700px;
        padding-left:4px
}

[LouiseW]

Hello Mark

I still have problems positioning the embedded page on my webpage.

I looked at your pages, but cannot find out how you added the style to the page you embedded another file to.

In the source I see


What did you put in the page in CMSMS and what in the template's stylesheet?

I made these testpages (not visible in te site menu)
PLAIN
http://www.edelsmidfrentz.nl/index.php?page=iframe-plain

Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe.
{embed  url=uploads/show/blendimages.html}

More text lines below iframe. More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe. More text lines below iframe. More text lines below iframe. More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe.


STYLED
http://www.edelsmidfrentz.nl/index.php?page=Iframe-styled

Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe. Text lines above iframe
{embed url=uploads/show/blendimages.html scrolling='no' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' style='overflow:visible; width:99%; display:none'}

More text lines below iframe. More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe. More text lines below iframe. More text lines below iframe. More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe.More text lines below iframe.

In IE I don't see the text below the embedded page and in IE as well as FF the embedded page is too far to the right.
Within the site the embedded page http://www.edelsmidfrentz.nl/uploads/show/blendimages.html is not shown in full height.

Any suggestions?

[LouiseW]

I found THE solution with a Global Content Block

I started on localhost with CMSMS 1.2.5 and it worked just like I intented.

I made a Global Content Block named homeshow. Mind you have to switch WYSIWYG OFF first!!! before you inserted code:

Code: Select all

<div><__iframe style="float: right;" src="uploads/ingrid/blendingrid.html"></__iframe></div>

On a content page I added some text and then

Code: Select all

{global_content name='homeshow'}

Bye bye embedding....
Watch the result at www.edelsmidfrentz.nl

[djkirstyjay]

I found THE solution with a Global Content Block

I started on localhost with CMSMS 1.2.5 and it worked just like I intented.

I made a Global Content Block named homeshow. Mind you have to switch WYSIWYG OFF first!!! before you inserted code:

Code: Select all

<div><__iframe style="float: right;" src="uploads/ingrid/blendingrid.html"></__iframe></div>

On a content page I added some text and then

Code: Select all

{global_content name='homeshow'}

Bye bye embedding....
Watch the result at www.edelsmidfrentz.nl

What a star you are!!!