WebSite X5Help Center

 
Bernard P.
Bernard P.
User

Resize HTML movie with responsive template  en

Autor: Bernard P.
Besucht 1968, Followers 1, Geteilt 0  

I have inserted an HTML animation (converted from Flash).

The site is set as responsive, the pages all work and resize ok

However the animation does not resize so it shows the top left portion with the remainder missing.

Showing on Notebook to Pc sizes OK

Tablet and mobile phone animation not working, other pages resize are OK.

What am I missing.

Berni

Gepostet am
5 ANTWORTEN - 1 KORREKT
Paul M.
Paul M.
Moderator

Hello Bernard,

A link to the webpage in question would be most useful.

Kind regards,

Paul

Mehr lesen
Gepostet am von Paul M.
Bernard P.
Bernard P.
User
Autor

Hi Paul

Yes this is what I should have given.

www.si-tech.com.hk.

The animation starts up on opening the site.

Regards

Berni

Mehr lesen
Gepostet am von Bernard P.
Paul M.
Paul M.
Moderator

Thank you, Berni.

The first thing I should point out is that your animation uses custom code, and does not depend on any native feature of WebSite X5.  The software is not at fault in any way.

Your animation is held in a container with fixed width and height dimensions:

<div id="swiffycontainer" style="width: 725px; height: 500px">

This is why the container does not resize to suit the viewport.

If you want to make the animation responsive then you will have to make the container responsive.

You could approach the animation's creator for help with this, or you could search the web for relevant information.

Here is one such link to get you started:

http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design

Best wishes...

Mehr lesen
Gepostet am von Paul M.
Bernard P.
Bernard P.
User
Autor

Thanks for the informationj

The animation is one I did a long time ago and nolonger have a program to edit it, the only option was to convert it to HTML

I will try as your suggestion to make the container responsive

Regards

Mehr lesen
Gepostet am von Bernard P.
Bernard P.
Bernard P.
User
Autor

Sorry forgot

The program was for creating Flash Animation

Mehr lesen
Gepostet am von Bernard P.