Found: Solution for Course Displayed in Middle of Page
Sep 18, 2014
Hi,
I hope everyone is having a great day! I'm writing to share a solution I came up with so that you can better position where your course sits on the story.html page.
In my case, the published output resided in the middle of the page. However, we wanted it to be flush with the top of the page. Initially, I adjusted the <body margin> tag, but that was cutting the course at the top in some browsers.
The solution that worked for me was adding elements to the <tr> & <td> tags in story.html. I've attached a screenshot, but essentially I added "align=center" to the <tr> tag, and "valign=top" to the <td> tag. This made the course center on the page and flush with the top. You can experiment with tags to position the flash output as you'd like.
Hope this is able to help someone.
Cheers,
Brian
6 Replies
Hi Brian,
Thanks for sharing that solution here and I hope it helps others in the community.
This is exactly what I am looking for. Except it doesnt work. ;( Is there anyone else able to help?
Basically I want the (flash) output to align at the top, not in the middle of the page. I don't know why your solution doesn't work for me, because it should. So maybe I'm missing something?
Attached is my unmodified story.html
Hi, Michael -- Thanks for your question, and sorry to hear you are running into an issue!
As this thread is a bit older, and Brian may no longer be subscribed, you are welcome to reach to him directly using the 'Contact Me' link on his profile page. :)
Hi Christie. Thanks for you reply.
My question wasn't just for Brian, I think it's something more authors would or could be interested in. So it's more of a general question ;) You reckon I should rather start a new topic to have some input on the problem?
The solutions provided here: https://community.articulate.com/discussions/articulate-storyline/ios-html5-player-alignment and here: https://community.articulate.com/discussions/articulate-storyline/alignment-of-swf-for-web-output both do not seem to work (anymore?).
Is it really so difficult to make the content/player align with the top and not the middle? Especially with a responsive design and the differences in 16:9 and 4:3 screens (Laptop vs iPad) that's quite a problem.
Hi, Michael -- My apologies but we do not provide support for JavaScript, so I will need to defer to the community to assist you further. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.