1 Reply Latest reply on Feb 9, 2016 11:59 AM by joel_pau

    Banners don't appear sharp and line height changes when published

    danconveys

      I have created a few web banners in Edge Animate (latest version), but when published the banners don't appear as sharp as in the Edge Animate interface and the line height appears to increase in different browsers. What can be done to resolve this?

       

      Below screenshot shows display in my browser (chrome  version 48.0.2564.103 for Mac) and a PC (Chrome) version below. The below banner appears to be more pixelated and the line height is much larger. Here is the link to the banner Untitled

       

      Screen Shot 2016-02-08 at 13.24.43.png

      Thanks for your help in advance

        • 1. Re: Banners don't appear sharp and line height changes when published
          joel_pau Level 5

          Hi,

           

          It comes from default values. Browsers have default values.

          Here, you are using the paragraph tag:

          <p style="margin: 0px;">Koers Facebook straks </p>

          <p style="margin: 0px;">omhoog of omlaag?</p>

          2 ideas:

          1) you add more styles to your paragraphs. You set sym.$("Vind_u_de").css({ some properties}) or you can use the user interface.

          2) you can also use only one paragraph instead of two. You set your text with compositionReady: sym.$("Vind_u_de").html("Koers Facebook straks</br>omhoog of omlaag?")