Skip to main content
Inspiring
December 5, 2016
Question

HTML 5 Publish that scales but not vertically centered?

  • December 5, 2016
  • 1 reply
  • 946 views

Hey, everyone!


New here. I have a project that is 13 slides with audio. The skin has table of contents and playback controls at the bottom.

My first publish didn't scale it down on my iPhone, so I went in and checked "Scalable HTML Content". Now it scales down for my phone, but it plays in the browser on the computer and the iPhone vertically centered. Any way to have it scale on smaller screens but be at the top of the browser?

Thank you!

This topic has been closed for replies.

1 reply

RodWard
Community Expert
Community Expert
December 5, 2016

What specifically is it that you want at the TOP of the browser?  Is it the playbar controls?

tallscotAuthor
Inspiring
December 5, 2016

Thank you for your reply.

I want the entire project to be aligned at the top of the browser, which is what it does when you don't have "Scalable HTML Content". With that option turned on, the entire project is centered vertically. I want it aligned at the top.

tallscotAuthor
Inspiring
December 5, 2016

There's no option in Captivate to control this from the settings.  You will probably need to hack the CSS code in the HTML page to get it to align to the top.


Thanks. I thought of that and opened the index.html with BBEdit but I'm not a coder. I was just looking for things like "align" "middle" and changing them to "top" but it didn't work. I don't know what I'm doing. I'll research the web to see if someone else already outlined where this bit of code is, etc.

Thank you for your time.