Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Text pages are overlapping with the survey header

For my survey I needed to put both a logo and text in the header of the survey. I did so using the following code:
<style>
.headerbanner{position: relative;} 
.text {position: absolute; top: -46px; left: 255px;}</style>


   <div class="headerbanner" style="min-height: 60px; height: auto;">
        <img class="logo" style="padding-top:15px;padding-left:100px;width:117px;height:30px;box-sizing:content-box;vertical-align:top;display:  inline-block;" src="/graphics/lectura-logo.gif" alt="" border="0">
        <font size="2" color="white" style="display: inline-block; padding: 10px 10px; text-align: center; line-height: 1.5em;">Por favor, complete todas las preguntas para ganar su recompensa de 50€.
        </font>
    </div>

However, now all the Text pages in my survey overlap with the header. I'm not a programmer, I just pieced this together with the help of random internet pages but I'm pretty sure something in that code is the culprit
asked Nov 21 by KevinB Bronze (955 points)

1 Answer

0 votes
I figured it out. I deleted everything between the <style>....</style> and that seems to have fixed it
answered Nov 21 by KevinB Bronze (955 points)
...