My Html code is not working

[Alan Galarza Velarde]

Hello everyone, Do anybody know, which version of HTML use Unipark? My Html code is not working. I want to put three images in a single line
For example, it does not read this simple code:
<div class=”logos”>

<ul class=”logos_list”>

[Alan Galarza Velarde]

Even if I change the way of stylying, using inline-styling, still do not work

for example:

 

<div class=”logos” style=”padding: 10px;

border: 1px solid slategray;”>

<ul class=”logos_list” style=”list-style-type: none;

padding: 0;

margin: 0;”>

<li style=”display: inline-block;

margin: 0 5px;”>

<li style=”display: inline-block;

margin: 0 5px;”>

<li style=”display: inline-block;

margin: 0 5px;”>

</div>

[Alan Galarza Velarde]

Dear Michael T,

Thank you so much for your answer and your corrections. but the above code only as an example.

As you said it before ” you are not part of unipark”. Therefore, I will be quite difficult for you to understand the problem which do not rely in the proposed code, but in how unipark-software is reading HTML. Inside the App there is not possible to put the style in a CSS document which it will be the best practice (like in a Webpage) to edit the questions and answers that Unipark offers. In this case Unipark offers neither this possibility, nor in the style tag (snippets). In the HTML source code page called Quelltext you can only use in-line style, Can you image that? I do not believed the first time, but since I have to finish a survey for the company I work for, I really find this a very disgusting experience. That is why I ask If somebody know which version of HTML is using Unipark.

 

On the other hand, there are some inconsistencies when I edit questions and answers from the HTML source code. Which will be long to explain here.

I only want to put three images in a line using a list, I have in a nomal html document proofed and it works perfectly. It is easy nothing from the another world, but here it does not work.

 

Well thank you for your answer in advance, I will keep trying

[Alan Galarza Velarde]

Inside the App there is not possible to put the style in a CSS document which it will be the best practice (like in a Webpage) to edit the questions and answers that Unipark offers.

 

It is possible, but i agree with you that it is NOT easy to find or to undestand. You need to modify the user.css. You find that file via “Survey Menu > Layout > Pro-Editor -> [Scroll down to bottom] > user.css”. This file is normally empty (only a comment) but there you can put your css rules. Every question gets its own classes based on the question id, so you can style the hole question or subelements using css selectors. Assuming a question id of 12341234 you can use “.question-{id}” or “.nameq_{id}” to select the question.

 

Since I dont like it to jump between html/question and the user.css file I mostly add a 998 question element to the page where I need to style something and use jQuery on page load with selectors to apply the styling. The advantage (imho) is that you have the styling information directly on the same page with styled element (in questionnaire editor), a small disadvantage is the fact that you use javascript to apply styling data and that its changed on client side after its rendered the first time. But since you can use the user.css its a question of performance vs. maintainability where I would always choose the latter.

 

The reason that you have a piece of working html/css that works outside from unipark but not inside might be, that the unipark stylesheets have rules for base elements that matches your elements too and therefore not only your css rules are applied to the element but some unipark rules as well which may break the layout.

 

To help you further I need more information, f.e. you activate your questionnaire for public viewing and sent me the link as private message so I can have a look at it.

[Alan Galarza Velarde]

Dear Michael T,

Thank you so much for your explanation, now I can style individually the questions. 🙂 I am happy now.

[Author]

Posts