[SOLVED] Problem with Flash

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

[SOLVED] Problem with Flash

Post by Hannibal »

I'm using this flash element (http://www.flashnifties.com/xml_slideshow.php), and I've got it working perfectly offline (in HTML) but cannot seem to get it working on our CMSms site

I've uploaded all the elements, and I can see that they're all referencing OK as I can view the SWF file if I access it's URL directly (www.fbtvonline.co.uk/uploads/slideshow.swf).

When I was creating the slideshow initially it provided me with a page of HTML code that I've copied and pasted into our site. I'm just a bit confused as to where exactly it's supposed to go though, do I put it into the Template or the Page itself?

Any help would be greatly appreciated
Last edited by Hannibal on Fri Nov 21, 2008 11:41 am, edited 1 time in total.
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

Right, I've almost got this working, I can now see my Flash element on the page. However, it seems to be stuck in the top third of the screen (http://www.fbtvonline.co.uk/index.php?page=welcome) when it should be at 100%.  ???

Any suggestions?
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Problem with Flash

Post by KO »

Try

html, body, #flashcontent {height:100%;}

on stylesheet.
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

KO wrote: Try

html, body, #flashcontent {height:100%;}

on stylesheet.
My code (TEMPLATE) is this:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{sitename} - {title}</title>
<__script__ type="text/javascript" src="uploads/flashdetect.js"></__script>

{metadata}

<link rel="icon" type="image/ico" href="http://www.fbtvonline.co.uk/css/fbtv-favicon.ico">

{stylesheet}

<style type="text/css">
#flashcontent {height:100%;}
</style>
	    </head>
	</__body>

<!--Flash detect and error message-->
<div id="flashcontent">{global_content name='welcome'}</div>
<!--end-->


<!--Slideshow script-->
{content}
<!--end-->


	<__body>
</__html>
It now gives me this error:

string(122) "Smarty error: [in template:27 line 14]: syntax error: unrecognized tag: height:100%; (Smarty_Compiler.class.php, line 446)" string(111) "Smarty error: [in template:27 line 14]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"
nhaack

Re: Problem with Flash

Post by nhaack »

Try putting the CSS in {literal}...{/literal}

Best
Nils
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

nhaack wrote: Try putting the CSS in {literal}...{/literal}

Best
Nils
So it'd be:

Code: Select all

{literal}
<style type="text/css">
#flashcontent {height:100%;}
</style>
{/literal}
???

I'm really new to CMS and still finding my way (I've inherited this job as the other guy left!)
nhaack

Re: Problem with Flash

Post by nhaack »

yep ;)

while processing the template, the CMS stumbles over the { and } of the CSS...

using {literal} around it tells the CMS to treat this snippes as normal characters and not as some sort of smarty code...

Best
Nils
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

nhaack wrote: yep ;)

while processing the template, the CMS stumbles over the { and } of the CSS...

using {literal} around it tells the CMS to treat this snippes as normal characters and not as some sort of smarty code...

Best
Nils
OK cool.

I stuck that info in the HEAD, and changed Flashcontent to Content, as that's where my file info is. All it's done though is make my Flash even smaller on the page...  :-X

EDIT: No, now it's back to the way it was...

My current HEAD info looks like this:

Code: Select all

<head>
<title>{sitename} - {title}</title>
<__script__ type="text/javascript" src="uploads/flashdetect.js"></__script>

{metadata}
<link rel="icon" type="image/ico" href="http://www.fbtvonline.co.uk/css/fbtv-favicon.ico">

{stylesheet}

{literal}
<style type="text/css">
#content {height:"100%";}
</style>
{/literal}


</head>
Last edited by Hannibal on Mon Nov 10, 2008 5:13 pm, edited 1 time in total.
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

It seems like this problem is only with Firefox and Opera, as every other browser I have checked looks fine.

Any way I can make it compatible with these two browsers? ???
nhaack

Re: Problem with Flash

Post by nhaack »

Try to change:

Code: Select all

{literal}
<style type="text/css">
#content {height:"100%";}
</style>
{/literal}
to

Code: Select all

{literal}
<style type="text/css">
#content {height:100%;}
</style>
{/literal}
(remove the " around the percentage).

Best
Nils
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

My stylesheet code is:

Code: Select all

/* welcome page


{literal}
<style type="text/css">
#content {height:100%;}
#flashcontent {height:100%;}
</style>
{/literal}
/* End of 'welcome-page' */
This is referenced by {stylesheet} in my Template

It's still wonky looking  :(
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Problem with Flash

Post by KO »

KO wrote: Try

html, body, #flashcontent {height:100%;}

on stylesheet.
Like I said... try that.

You don't need those {literal}{/literal} things or when you are using actuall stylesheet.
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

KO wrote:
KO wrote: Try

html, body, #flashcontent {height:100%;}

on stylesheet.
Like I said... try that.

You don't need those {literal}{/literal} things or when you are using actuall stylesheet.
No joy in Firefox still :(

Might have to give up and try a different idea...
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Problem with Flash

Post by KO »

Ok try this:

html, body, #content, #flashcontent {height:100%;overflow:hidden;margin:0;padding:0;}

The thing is that in XHMTL Doctype you need to make html and body also 100% height to be able to resize div inside them to 100%. I've only been able to make first div inside body to resize to 100% but that is all what you need here.

And I have no idea if it looks as you would like it to look.
Hannibal
Forum Members
Forum Members
Posts: 74
Joined: Wed Nov 05, 2008 5:47 pm

Re: Problem with Flash

Post by Hannibal »

We've managed to get it at 100% now (thankfully there's someone here much smarter than me).

Final issue (I promise! :-X ) is that we've stuck a floating DIV layer over the Flash slideshow, but it doesn't seem to want to stay visible all the time. It works fine in pure HTML, but the second we stick it in CMS it goes funny.

www.fbtvonline.co.uk
http://www.fbtvonline.co.uk/slideshow/slideshow2.html is what it should look like
Post Reply

Return to “Layout and Design (CSS & HTML)”