[Pro] Centre align movie with responsive site

Trying to work through several tutorials and
I managed to centre-align text, foto and Exhibeo slideshow in setting up a test-site with FCP7, thanks to excellent instructions/suggestions in this forum.
However I don’t succeed to centre align (using the inflow box as explained by Walter) a video in mp4 h264. It keeps left aligned.
Suggestions are welcome

Thanks
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you post a link, one or another of us can see it in a browser, fiddle with it in the Safari Web Inspector, and see what moves you need to make to correct the issue.

Walter

On Sep 1, 2014, at 11:03 AM, Ben wrote:

Trying to work through several tutorials and
I managed to centre-align text, foto and Exhibeo slideshow in setting up a test-site with FCP7, thanks to excellent instructions/suggestions in this forum.
However I don’t succeed to centre align (using the inflow box as explained by Walter) a video in mp4 h264. It keeps left aligned.
Suggestions are welcome

Thanks
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter,
In suppose this means it should work just like the other items I succeeded in centre aligning.
I will get back after publishing my site to a test account.
Thx
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Back again

Here is the link to the movie:

http://test.benssite.nl/Films/film3.html

As you can see it is left aligned. The text in the body and footer are centre aligned.

If you look at foto1 (submenu in Foto’s)

As well the text and the slideshow are centre aligned.
I followed the same procedure.

Would appreciate any advise.

Thanks
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The movie is wrapped in a P tag, which is not set to center align. If you double-click in the same area as the video, so you get a text cursor, you should be able to set the alignment of that paragraph to center and the video will be centered. Alternatively, if you click once on the video element and choose Item / Extended, and in the

  • Name: margin
  • Value: auto

…and okay out of the stack of dialogs, you should get the same effect as the text align trick.

Walter

On Sep 1, 2014, at 2:19 PM, Ben wrote:

Back again

Here is the link to the movie:

http://test.benssite.nl/Films/film3.html

As you can see it is left aligned. The text in the body and footer are centre aligned.

If you look at foto1 (submenu in Foto’s)

As well the text and the slideshow are centre aligned.
I followed the same procedure.

Would appreciate any advise.

Thanks
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter,
Centre align with the text cursor did it, such a small thing.
I centre aligned already in the dimensions section of the inspector, which worked ok for the other items but not for the video.
Any idea why there is a different behaviour ? I would like to understand.
Anyway I got this working thanks.

Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Any idea why there is a different behaviour ?

Because there is a Paragraph Tag (P) wrapping the Video element so to centre align you need to treat it like text ie select all the ‘text’ and use text alignment.

If you look in your styles palette you will see that you have now applied .style3 to the text

.style3 {
text-align: center;
}

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On side note, are you sure this is a responsive site? I just tired to fiddle with the site, and it does not become smaller and responds to window size


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@ DeltaDave:
Thanks,
I am quite a novice in this field (have been working for years with the Express versions). So I do realize that apparently the video is considered as a “text”. However to me this was the only way I could embed the video as an inline element. Direct imports from the video made it a layer. I did not have that problem with for example the exhibeo slideshow.

@ Howard.
You’re (quite) right . I tried to build the foundation to make the site (fully) responsive and fill the browser window completely, before I got there I stumbled into this problem that I liked to sort out first.
By the way on my iPad mini it does resize (almost) neatly. But I need to make some more adjustments, specially to rearrange the movie and slideshow for smartphone sizes. Work in progress :wink:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Did you look into maybe getting backdraft? That will help with the smart phones


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Howard,
Thanks, I just checked that, looks promising indeed, but I understand that there are some problems with FWP7 at this point, so I will wait for an update.

Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So I do realize that apparently the video is considered as a “text”.

The video isn’t but because there are paragraph tags surrounding it when you align the ‘text’ in the P tags the video goes along for the ride.

Direct imports from the video made it a layer.

I am confused - is this created in Express (no layers) or Pro?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@DeltaDave.
This is all created with FWP7. There is only a Pro version of this release. I switched from FWE6 to FWP7 and thus I am stumbling with some things.
For this test-site I followed the instructions as explained in the Freeway document "extended_reference_For_ FW7 page 4 and further.
I used to just drag-in movies in FCE, that still is possible in FCP7 of course, but the video turns then into a layer which, as I understand the instructions, should be avoided for creating responsive sites. Besides that I got into positioning troubles as wel.
Still learning though :wink:
Ben


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

But the video turns then into a layer which, as I understand the instructions, should be avoided for creating responsive sites.

That is not the case - they can be layers if you like.

The difference is between items that are placed on the page and items that are inserted inline.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is all created with FWP7.

I was confused because your profile says you are using “FWE 6.0.7 - iMac 2.7 Ghz i5”

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

@Deltadave
“that is not the case” Thanks for that.
I will change my profile to avoid further confusion.

@All: Great to have your feed back.

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options