Forum Discussion
HTML5 pixel alignment
Hi,
Anyone experiencing pixel misalignment when outputting to HTML5?
For example I have white shape blocks that have a picture on top, all aligned correctly so there are no gaps etc. Looks great on preview but these elements are misaligned when viewing in html5. A single pixel line shows either around, above or below the two elements.
29 Replies
Hello Jon!
Thanks for sharing your file! I opened the file on my end using Storyline 360 Update 37 (Build 3.37.21453.0), and here's what I found!
Unfortunately, I'm not seeing what you're describing so would you mind sharing what it looks like on your end?
Here's what it looks like in the published web version vs. preview in Storyline 360.
- PiotrBurchart-dCommunity Member
Hi,
There is a problem with the alignment on both: the stage and preview mode:
PS: I had a similar problem with objects alignment (to achieved proper alignment within the publish module I got rid of positioning within the source file.
PB
Great eye, Piotr!
I shared this example in our report so we can keep everyone updated on any new developments on this bug's status. Thanks again for pointing that out!
- MarkEvans-858c1Community Member
This is still a bug, right? X/Y coordinates and size match perfectly but don't align visually perfectly.
Any update?
Hello Mark!
Thank you for checking in on this bug. We still have this bug logged and it is occurring in the latest version of Storyline 360. We're currently prioritizing other bug fixes for upcoming releases so I don't have a timeline to share. If this makes it on our roadmap, I'll update you in this discussion.
- JoshStevenson-8Community Member
My team and I are still seeing this layout issue to this day, both in the slide view, preview mode, and HTML5 output, scaled to 100% so that pixel anti-aliasing shouldn't be an issue.
We are using v3.61.27106.0
Has any progress been made? This really makes our output look sloppy and unprofessional, and we haven't been able to find a suitable workaround.
- MariaCSStaff
Hi, Josh.
Thank you for reaching out!
Since this is an older discussion, can you share a screenshot of what you're experiencing? If you can share the .story file through a support case, we can also take a deeper look at what's happening in your project.
Related Content
- 9 months ago
- 5 months ago
- 11 months ago
- 2 months ago