[Express] Embedding Youtube or VIMEO into freeway website introduces odd transparent break in background image below video...

Freeway
1

Hi all,

I used Freeway Express to maintain my personal website as a film editor. I used to have all my sample videos as part of my website (hosted at the same place my website is). It worked well however, to increase compatibility across more platforms and give people the option of switching to a higher resolution and full screen playback, I moved my videos to Vimeo. The problem is, for some reason when I embed a video (I’ve tried YouTube and Vimeo just as a test) as an HTML markup item (OR using the community provided plugin for Vimeo videos), I get an odd transparent break in my background image just below my embedded video. You’ll notice in this link, each of my website pages is a single image file I create in Photoshop and then image maps for the hyperlinks over each “button” I created in Photoshop. When I hosted all my videos on my own domain and wasn’t embedding, there was no break, just a single continuous window which is what I want. Now that they’re embedded from Vimeo, again or Youtube, I have that little break under the video window. I know, it may seem minor but it really bugs me and I want it as streamlined as possible without this break. Any idea why Freeway Express would be doing this? I’ve tried messing with all the possible settings in the inspector window with no luck and also even tried downloading Freeway Express Pro to see if that helped. Nothing works thus far :confused:

Ideas? Thanks!

http://www.bryanrobertseditor.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

Hi Bryan
the way to get rid of that space is to apply a: line-height: 0.1px; on that table cell
I just tried it on your site via the browser and it worked
I have no idea how you do that within express though…

max

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

On 12 Dec 2016, 8:44 pm, max wrote:

Hi Bryan
the way to get rid of that space is to apply a: line-height: 0.1px; on that table cell
I just tried it on your site via the browser and it worked
I have no idea how you do that within express though…

max

Max, that’s amazing thanks! I can’t figure out exactly how to modify that property however. Can I do this in the WYSIWYG editor or do I need to go into CSS etc.? I have zero coding skills, I’m an iWeb convert. I didn’t know I had even created a table. I thought I just had a single PNG for my background image, some image maps over the buttons and then had my vimeo embedded as an HTML markup item? Thanks again for your help.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

4

Hi Bryan
Unfortunatly in Express you don’t get that functionality
i could adjust the output code but that would mean the next time you update the freeway file it will overwrite the amendment to the html

Ok try this
in freeway express go to: Page/HTML Markup….

then in the popup choose: Insert: Before

an paste this into the popup and publish

  <style type="text/css">
  <!--
  #PageDiv > table > tbody > tr > td { line-height:0px; background-color:#000000}
  -->
  </style>

that should target the that specific table cell

All the best Max

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

My god, Max you are a genius. Thank you sir!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:

6

Even better, I was able to add it to my master page so it applied to all the pages in my site with just one instance. Voila. Thanks again.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

7

hi bryan
glad it worked

kindest regards max

freewaytalk mailing list
email@hidden
Update your subscriptions at: