Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Narrow text in center with picture

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 2 months ago - 2 years 2 months ago #236370 by Dezember
Narrow text in center with picture was created by Dezember
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
==================
Hello!
I want to create a narrow centered text, but it doesn't work. The text is still wide. Could you please help me?
LimeSurvey Community Edition
Version 5.4.7

LInk to the screenshot:  drive.google.com/file/d/1znFAo3CItGWSGNM...6JB/view?usp=sharing
(can not upload on forum for some reason) 
My code:
<style type="text/css">.img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 40%; 
  }
   .footer {
            margin: 10px 0 0 0;
            padding: 10px 0;
            page-break-after: always;
        }
</style>
<p><img alt="" margin="auto;" src="/upload/surveys/985136/images/s-ccs-1.jpg" style="height:233px;width:350px;" width="40%" /></p>

<div class="container" style="text-indent:5%;color:rgb(48,48,48); ">
<p style="text-align:justify;text-indent:5%;">We are interested in <u>your experience with visualizing ERPs</u>. We want to know more about the way how research and clinicial practitioners, both novice and professional, use EEG plotting tools in their day-to-day work. We will publish the results of this survey to describe and improve current visualization techniques.</p>

<p style="text-align:justify;text-indent:5%;">This survey is anonymous. If you want to participate in a lottery or you want to receive follow-ups on the results of the study, you will be separately asked for your email address. Your responses will not be linked to that email address, unless you wish to receive feedback on your results. There are no known risks associated with participating in this study. Participants can withdraw from the study at any time.</p>
</div>

<div class="footer" style="text-indent:5%;color:rgb(48,48,48);"> </div>

 
Last edit: 2 years 2 months ago by Dezember.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 months ago #236372 by Joffm
Replied by Joffm on topic Narrow text in center with picture
Hi,
well, I see the immage.
But, what is your goal?
How do you want it to look like.

What means "narrow centered text"?

Please, a bit more information.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 months ago #236378 by holch
Replied by holch on topic Narrow text in center with picture
This is total confusion.

I assume you want the text to be less wide (not going over the full width of the page), however, at no point in the code you are telling Limesurvey that. There is no CSS styling for any of the text portions to tell it to use less width.

You do it with the image, but then the CSS code for the image is also total chaos.

You have the with in the style tag. And then you have the width twice (!!!) within the img tag. Focus. Clean your code.

What do you think will happen if you tell the browser to show the image with a width of 350px AND the width of 40%. This doesn't make sense. Either it is one, or the other.

Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 months ago #236382 by tpartner
Replied by tpartner on topic Narrow text in center with picture
More to the point, this has nothing to do with this forum. It is not LimeSurvey related but is basic HTML and CSS.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose