Forum Discussion

PaulKnights's avatar
PaulKnights
Community Member
9 years ago

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.

  • 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!

  • 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.

  • 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.