Welcome, Guest
Username: Password: Remember me

TOPIC: Vorlage "sherpa" anpassen

Vorlage "sherpa" anpassen 3 years 11 months ago #52034

  • peter123
  • peter123's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 46
  • Thank you received: 2
  • Karma: 1
Hallo Leute,

ich verzweifele:

Ich hab die im Betreff genannte Vorlage, habe als Frageart eine Matrix, wo man alles selber reinschreiben muss (Teilfragen/Antworten).
Die Tabelle, die dabei generiert wird, soll 100% vom Bildschirm einnehmen:
in css:
table.question{width: 100%}
die erste Spalte mit den Teilfragen soll 30 % einnehmen:
in css:
.answertext {width:30%;}
die restlichen Spalten (sind 7 Stück) sollen gleichmäßig, egal wie der Inhalt ist auf die restlichen 70 % aufgeteilt werden. Hab dazu immer den Vorschau der Umfrage angekuckt und dabei dann die Zellennamen rausgeschrieben und direkt in css
in css hab ich das bis her so gemacht:
.answer_cell_000 {table-layout:fixed; width:10%;}
.answer_cell_001 {table-layout:fixed; width:10%;}
usw.

Die 1 Spalte ist wunderbar 30%;
Die 2,3,4 ist gleich groß;
das Problem:
Der Rest wird nur gequetscht angezeigt, weiß jmd. Abhilfe? (Habe schon versucht bei Beschriftung ein <div> - tag zu setzen und so über css die Breite der Beschriftungszelle zu definieren (und damit indirekt den drunterliegenden radio button), klappt nicht.

danke für Euere Hilfe.

P.S. Auf der Seite ist noch eine Tabelle mit der selben Matrix, aber mit mehr als 7 Antwortmöglichkeiten, da sieht es noch schlimmer aus mit dem zusammendrücken, besteht hier die möglichkeit seperat auf das dann zu ändern? Weil die class von den Zellen das Problem: answer_cell_001 usw. ist bis Zelle 7 gleich benannt.

Danke!
Last Edit: 3 years 11 months ago by peter123.
The administrator has disabled public write access.

Re:Vorlage "sherpa" anpassen 3 years 11 months ago #52035

  • holch
  • holch's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2845
  • Thank you received: 358
  • Karma: 124
Ich vermute, dass du bei deinen Spaltenbreiten eventuelle margins, paddings und borders nicht berücksichtigt hast, kann das sein?
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52036

  • peter123
  • peter123's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 46
  • Thank you received: 2
  • Karma: 1
holch wrote:
Ich vermute, dass du bei deinen Spaltenbreiten eventuelle margins, paddings und borders nicht berücksichtigt hast, kann das sein?

in der Tat, ich habe nur angebene, dass der Abstand von rechts 0 betragen soll und der Abstand zur linken Seite auf auto.

Was meinst du dann unterberücksichtigt, dass ich mitberechnen muss, dass dies Rahmen etc. auch Platz einnimmt?

Was ich komisch finde, mit dem NVU Programm, wird es in der Vorschau richtig angezeigt, aber dann nicht im Browser...
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52165

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5331
  • Thank you received: 296
  • Karma: 249
1. Welche Limesurvey Version nutzt du?

2. Welches Template?

3. Kannst du ggf. den Fragebogen hier zur Ansicht verlinken?

4. Sehe ich das richtig, dass Fragenvorschau und Darstellung des kompletten Fragebogens sich unterscheiden?
Falls ja, ist das in allen Browsern so?

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52226

  • peter123
  • peter123's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 46
  • Thank you received: 2
  • Karma: 1
Mazi wrote:
1. Welche Limesurvey Version nutzt du?

2. Welches Template?

3. Kannst du ggf. den Fragebogen hier zur Ansicht verlinken?

4. Sehe ich das richtig, dass Fragenvorschau und Darstellung des kompletten Fragebogens sich unterscheiden?
Falls ja, ist das in allen Browsern so?

1) Version 1.90+ Build 9229
2) sherpa (verändert)
3) Beispielfragen
4) Es war so, dass es verschieden gezeigt wurde, habe aber einige Teile vom Code wieder entfernt...aktuell ist nur erste Spalte auf 50 % gestellt... der Rest sollte gleichmaeßig aufgeteilt werden. (Fixe Werte bringen auch nichts :( )
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52244

  • peter123
  • peter123's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 46
  • Thank you received: 2
  • Karma: 1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
 
  <script type="text/javascript" src="Frage14-Dateien/jquery.js"></script>
  <script type="text/javascript" src="Frage14-Dateien/jquery-ui.js"></script>
  <link href="Frage14-Dateien/jquery-ui.css" media="all" type="text/css" rel="stylesheet" />
 
  <link href="Frage14-Dateien/lime-progress.css" media="all" type="text/css" rel="stylesheet" />
 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 
  <script src="Frage14-Dateien/bmi.js" language="javascript"></script>
  <title>Fragen ueber Fragen</title>
 
 
  <meta name="generator" content="LimeSurvey http://www.limesurvey.org" />
 
<!--//-->
  <link rel="stylesheet" type="text/css" href="Frage14-Dateien/template.css" />
 
 
  <style type="text/css" media="aural tty">progress-graph .zero,progress-graph .graph,progress-graph .cent{display:none;}</style>
  <script type="text/javascript" src="Frage14-Dateien/template.js"></script>
  <script type="text/javascript" src="Frage14-Dateien/survey_runtime.js"></script>
</head>
 
<body>
 
<table align="center" cellpadding="0" cellspacing="0">
 
  <tbody>
 
    <tr class="grayboxheader">
 
      <td style="width: 18px;"></td>
 
      <td><img src="Frage14-Dateien/logo_2.gif" border="0" /></td>
 
      <td><font style="color: rgb(0, 0, 0); text-align: center;"><span style="font-size: medium;"><span style="font-family: Arial;"><b>hmmmm</b></span></span></font></td>
 
      <td style="width: 122px;"><img src="Frage14-Dateien/logo.gif" border="0" /></td>
 
      <td style="width: 14px;"></td>
 
    </tr>
 
  </tbody>
</table>
 
<div class="survey-main">
<form method="post" action="index.php" id="limesurvey" name="limesurvey" autocomplete="off">
  <div class="survey-groupname"></div>
 
  <div class="survey-groupdescription"></div>
 
  <div id="question109" class="array-flexible-row mandatory">
  <div class="survey-question">
  <div class="survey-question-text"><span class="asterisk">*</span> 14. Fragen &uuml;ber
Fragen....?<br />
 
  </div>
 
  <br \="" />
 
  <div class="survey-question-answer">
  <table class="question" summary="14. Wie beurteilen Sie den Arbeitsaufwand f&uuml;r die Veranstaltung? - an array type question">
 
    <colgroup class="col-responses"><col class="col-answers" width="20%" /><col class="odd" width="11%" /><col class="even" width="11%" /><col class="odd" width="11%" /><col class="even" width="11%" /><col class="odd" width="11%" /><col class="even" width="11%" /><col class="odd" width="11%" /></colgroup><thead><tr>
 
      <td>&nbsp;</td>
 
      <th>zu gering<br />
 
(1)</th>
 
      <th>gering<br />
 
(2)</th>
 
      <th>angemessen<br />
 
(3)</th>
 
      <th>hoch<br />
 
(4)</th>
 
      <th>zu hoch<br />
 
(5)</th>
 
      <th>
      <div class="rand">kann ich<br />
 
nicht<br />
 
beurteilen</div>
 
      </th>
 
      <th>keine<br />
 
Antwort</th>
 
    </tr>
 
    </thead><tbody id="javatbd21759X7X109SQ001">
 
      <tr class="array2">
 
        <th class="answertext">
        <div class="glob">est 2 test 1 test 1 test 1 test
1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1
test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1
test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1 test 1</div>
 
        <input name="tbdisp21759X7X109SQ001" id="tbdisp21759X7X109SQ001" value="on" type="hidden" />
        <input name="java21759X7X109SQ001" id="java21759X7X109SQ001" value="" type="hidden" /></th>
 
        <td class="answer_cell_001"><label for="answer21759X7X109SQ001-1"><input class="radio" name="21759X7X109SQ001" value="1" id="answer21759X7X109SQ001-1" title="zu gering(1)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_002"><label for="answer21759X7X109SQ001-2"><input class="radio" name="21759X7X109SQ001" value="2" id="answer21759X7X109SQ001-2" title="gering(2)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_003"><label for="answer21759X7X109SQ001-3"><input class="radio" name="21759X7X109SQ001" value="3" id="answer21759X7X109SQ001-3" title="angemessen(3)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_004"><label for="answer21759X7X109SQ001-4"><input class="radio" name="21759X7X109SQ001" value="4" id="answer21759X7X109SQ001-4" title="hoch(4)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_005"><label for="answer21759X7X109SQ001-5"><input class="radio" name="21759X7X109SQ001" value="5" id="answer21759X7X109SQ001-5" title="zu hoch(5)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_000"><label for="answer21759X7X109SQ001-0"><input class="radio" name="21759X7X109SQ001" value="0" id="answer21759X7X109SQ001-0" title="kann ichnichtbeurteilen" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_006"><label for="answer21759X7X109SQ001-6"><input class="radio" name="21759X7X109SQ001" value="6" id="answer21759X7X109SQ001-6" title="keineAntwort" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
      </tr>
 
    </tbody><tbody id="javatbd21759X7X109SQ002">
 
      <tr class="array1">
 
        <th class="answertext">
        <div class="glob">est 2 test 1 test 1 test 1 test
1 test 1 test 1 test 1 test 1 test 1 test 1</div>
 
        <input name="tbdisp21759X7X109SQ002" id="tbdisp21759X7X109SQ002" value="on" type="hidden" />
        <input name="java21759X7X109SQ002" id="java21759X7X109SQ002" value="" type="hidden" /></th>
 
        <td class="answer_cell_001"><label for="answer21759X7X109SQ002-1"><input class="radio" name="21759X7X109SQ002" value="1" id="answer21759X7X109SQ002-1" title="zu gering(1)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_002"><label for="answer21759X7X109SQ002-2"><input class="radio" name="21759X7X109SQ002" value="2" id="answer21759X7X109SQ002-2" title="gering(2)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_003"><label for="answer21759X7X109SQ002-3"><input class="radio" name="21759X7X109SQ002" value="3" id="answer21759X7X109SQ002-3" title="angemessen(3)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_004"><label for="answer21759X7X109SQ002-4"><input class="radio" name="21759X7X109SQ002" value="4" id="answer21759X7X109SQ002-4" title="hoch(4)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_005"><label for="answer21759X7X109SQ002-5"><input class="radio" name="21759X7X109SQ002" value="5" id="answer21759X7X109SQ002-5" title="zu hoch(5)" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_000"><label for="answer21759X7X109SQ002-0"><input class="radio" name="21759X7X109SQ002" value="0" id="answer21759X7X109SQ002-0" title="kann ichnichtbeurteilen" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
        <td class="answer_cell_006"><label for="answer21759X7X109SQ002-6"><input class="radio" name="21759X7X109SQ002" value="6" id="answer21759X7X109SQ002-6" title="keineAntwort" onclick="noop_checkconditions(this.value, this.name, this.type)" type="radio" /> </label></td>
 
      </tr>
 
    </tbody>
  </table>
 
  <input name="display21759X7X109" id="display109" value="on" type="hidden" /></div>
 
  <div class="survey-question-help"></div>
 
  <br \="" />
 
  </div>
 
  <div class="survey-question-space"></div>
 
  </div>
 
<!--//-->
 
  <script type="text/javascript">/* <![CDATA[ */
function checkconditions(value, name, type)
{
}
function noop_checkconditions(value, name, type)
{
}
/* ]]> */
  </script>
  <p>&nbsp;</p>
 
</form>
 
</div>
 
<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img",0);//-->
</script>
</body>
</html>
.answertextright {
  text-align: left;
}
.hm{
width:90px;
text-align:center;}
 
.rand {
border-left: 3px solid #969696;
left:0px;
margin-left: -3px;
 margin-bottom: -1px;
}
.array1 {
  background-color: #c4c4c4;
  text-align: center;
  font-size: 7px;
  border-width:0px;
 
}
 
.array2 {
  background-color: #dcdcdc;
  text-align: center;
border-width:0px;
 
 
}
 
 
.answer_cell_000 {
 
border-left: 3px solid #969696;
}
 
 
 
.asterisk {
  color: red;
  font-size: 12pt;
  font-family: Arial;
}
 
.graph {
  border: solid;
  background-color: #FFFFFF;
  border-color: #777;
  border-width: 0px;
}
 
.innergraph {
  background-color: #038A5F;
  color: #777;
  font-family: Arial;
  font-size: 8pt;
  direction: ltr;
}
 
.submit,.clearall,.saveall {
  background-color: #ace;
  font-size: 9pt;
  font-family: Arial;
  border: 3px double #ddd;
  cursor: pointer;
}
 
.saveall {
  margin-bottom: 10px;
}
 
.rank,.rank td {
  font-size: 10px;
  background-color: #f5f9f9;
}
 
.select {
  background-color: #EFEFEF;
  color: #555;
  font-family: Arial;
  font-size: 9pt;
}
 
.textarea {
  color: #666;
  font-size: 12px;
  font-family: Arial;
  width: 30%;
}
 
.warningjs {
  font-size: 12px;
  font-weight: 700;
  color: RED;
}
 
.innergraph img {
  height: 12px;
  vertical-align: top;
}
 
.innergraph table
 
{
  height: 12px;
  border: 0px solid #000;
  table-layout: fixed !important;
}
 
.innergraph td {
  height: 12px;
}
 
.survey-assessment,survey-completed {
  text-align: center;
  width: 75%;
  border: 1px solid #111;
}
 
.survey-cleared {
  text-align: center;
  margin: 0 auto;
}
 
.survey-groupdescription {
  background: #eee;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  color: #000;
  margin: 0 0 10px;
  padding: 0 0 2px 3px;
}
 
.survey-groupname {
  background: #eee;
  font-weight: 700;
  color: #009;
  font-size: 16px;
  border-top: 1px solid #ddd;
  margin: 10px 0 0;
  padding: 2px 0 0 3px;
}
 
.survey-main {
  font-size: 13px;
  background: #F4F4F4;
  padding:5px;
}
 
.survey-navigator {
  margin: 0 0 10px;
}
 
.survey-survey-description {
  margin: 5px 0 10px;
}
 
.survey-survey-percent {
  padding: 0.2em 0%;
}
 
#progress-graph {
  line-height: 1.5em;
  width: 17em;
  font-size: 90%;
  font-family: Arial;
  color: rgb(119, 119, 119);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2em;
  padding: 0.6em 0.5em 0.4em 1em;
  text-align: left;
  background-color: #fff;
  border: 2px solid rgb(128, 128, 128);
}
 
.hide {
  font-weight: normal;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
#progress-graph div.zero {
  width: 2.6em;
  margin-right: 0%;
}
 
#progress-graph div.graph {
  width: 10em;
  height: 1.5em;
  border: 1px solid maroon;
  margin-top: -1.7em;
  margin-left: 2.6em;
  margin-right: 0%;
}
 
#progress-graph div.cent {
  width: 3em;
  margin-top: -1.5em;
  margin-left: 13.6em;
  margin-right: 0%;
}
 
.question
 
 {
 border-collapse:collapse;
 border-spacing:0;
  background-color: #f4f4f4;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  color: #262C4C;
}
 
.question td {
  font-size: 1px;
 
}
 
.questionhelp {
  font-size: 10px;
  font-style: italic;
}
.glob {
text-align:left;
}
.questiontext {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}
 
.text {
  color: #777;
  font-size: 12px;
  font-family: Arial;
}
 
.answertext {
  font-family: Arial;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-align:left;
  width: 50%;
 
 
}
 
.survey-question {
 
  background-color: #f5f9f9;
  margin: 0 0 0 5px;
  padding: 0 0 0 3px;
}
 
.survey-question-answer {
  font-weight: 100;
 padding: 0px;
 
}
 
.survey-question-help {
  line-height: 24px;
  margin: 2px 0 0 2px;
  clear: both;
}
 
.survey-question-help img {
  padding: 0 10px 0 0;
}
 
.survey-question-space {
  height: 5px;
}
 
.survey-question-text {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size:large;
  font-family:Arial;
 
  background-color: #CCCCCC;
  
}
 
.numquestions {
  font-size: 11px;
  color: green;
}
 
table,tr,td,th {
  font-family: Arial;
  font-size: 13px;
  /*
text-align:center;
*/
}
 
.grayboxheader {
  font-family: Arial;
  height:auto;
  background-color:#CCCCCC;
  color:#000;
  text-align: center;
  padding: 0px;
}
 
.grayboxfont {
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  color: #424142;
}
 
.percentage {
  font-family: Arial;
  font-size: 10px;
  font-weight: 400;
  color: #000;
}
 
.error {
  font-family: Arial;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #CB0404;
}
 
.printouttable td {
  border-color: #fff #fff #ddf;
  border-style: solid;
  border-width: 1px;
}
 
.printouttable td:first-child {
  background-color: #ddf;
  font-weight: 700;
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
}
 
.printouttitle {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 18px;
}
 
.surveytitle {
  font-size: 1.2em;
  height: 1.5em;
}
 
.languagechanger {
  font-size: 1em;
}
 
table,.printouttable {
  width: 100%;
}
 
table.question {   
border-width:0px;
 
width: 100%;
}
 
 
.table.question tr.array1:hover,table.question tr.array2:hover {
  background-color: #DDD;
  
}
 
.errormandatory,.warningjs {
  font-size: 12px;
  font-weight: 700;
  color: RED;
}
 
/* -------------------------------------------------
   START: Question styles  ------------------------- */
  /* =====================================
== Full list of question classes =======
 
 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale 
*/ /* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
.choice-5-pt-radio ul,.list-radio-flexible ul,.list-radio ul,.list-with-comment ul,.multiple-opt ul,.multiple-opt-comments ul,.multiple-short-txt ul,.numeric-multi ul,.yes-no ul,.gender ul
  {
  margin-left: 0%;
  padding-left: 0%;
  answer_width: 10px;
}
 
.choice-5-pt-radio li,.list-radio-flexible li,.list-radio li,.list-with-comment li,.multiple-opt li,.multiple-opt-comments li,.multiple-short-txt li,.numeric-multi li,.yes-no li,.gender li
  {
  list-style-type: none;
  text-align: left;
  margin: 0% 0% 0.5em 0.5em;
  answer_width: 10px;
}
 
.choice-5-pt-radio li,.list-radio-flexible li,.list-radio li,.list-with-comment li
  {
  margin-left: 2em;
  text-indent: -1.8em;
  answer_width:10px;
}
 
/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */
  /* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/
.choice-5-pt-radio ul,.yes-no ul,.gender ul {
  text-align: left;
  margin-left: 0%;
  padding-left: 0%;
}
 
.choice-5-pt-radio ul li,.yes-no ul li,.gender ul li {
  display: inline;
  padding: 0% 2em 0% 0%;
  margin-left: 0%;
}
 
/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question {
  margin-left: 1em;
}
 
.date p.question select.day {
 
}
 
.date p.question select.month {
 
}
 
.date p.question select.year {
 
}
 
.date p.tip,.numeric-multi p.tip,.numeric p.tip {
  margin-left: 1.5em;
  font-size: 80%;
  font-style: italic;
  line-height: 150%;
}
 
.numeric p.question {
  font-size: 80%;
  font-weight: bold;
  margin-left: 1em;
}
 
.numeric-multi p.tip.error,.numeric-multi input.tip.error {
  color: #f70;
  font-weight: bold;
  text-align: left;
}
 
.numeric-multi p.tip.good,.numeric-multi input.tip.good {
  color: #090;
  font-weight: bold;
}
 
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/
ul.cols-2,table.cols-2,ul.cols-3,table.cols-3,ul.cols-4,table.cols-4,ul.cols-5,table.cols-5,ul.cols-6,table.cols-6,ul.cols-7,table.cols-7,ul.cols-8,table.cols-8
  {
  width: 98%;
  margin: 0% auto 0% auto;
}
 
ul.cols-2 li,ul.cols-2-ul,ul.cols-3 li,ul.cols-3-ul,ul.cols-4 li,ul.cols-4-ul,ul.cols-5 li,ul.cols-5-ul,ul.cols-6 li,ul.cols-6-ul,ul.cols-7 li,ul.cols-7-ul,ul.cols-8 li,ul.cols-8-ul
  {
  float: left;
  padding: 0% 0.5em;
  white-space: normal
}
 
ul.cols-2 li,ul.cols-2-ul,table.cols-2 td {
  width: 48%;
}
 
ul.cols-3 li,ul.cols-3-ul,table.cols-3 td {
  width: 30.5%;
}
 
ul.cols-4 li,ul.cols-4-ul,table.cols-4 td {
  width: 23%;
}
 
ul.cols-5 li,ul.cols-5-ul,table.cols-5 td {
  width: 19%;
}
 
ul.cols-6 li,ul.cols-6-ul,table.cols-6 td {
  width: 15%;
}
 
ul.cols-7 li,ul.cols-7-ul,table.cols-7 td {
  width: 13%;
}
 
ul.cols-8 li,ul.cols-8-ul,table.cols-8 td {
  width: 11.5%;
}
 
.list-dropdown-flexible p.question {
  margin-left: 1em;
}
 
/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment {
  float: left;
  width: 100%;
}
 
.list-with-comment div.list {
  width: 47%;
  float: left;
  padding: 0.5em;
}
 
.list-with-comment p.select {
  width: 47%;
  float: left;
  padding: 0.5em;
  margin: 0%;
}
 
.list-with-comment div.list p {
  margin: 0%;
  text-align: left;
}
 
.list-with-comment p.comment {
  margin: 0%;
  padding: 0.5em;
  text-align: left;
  float: left;
  width: 47%;
}
 
.list-with-comment p.comment textarea {
  width: 100%;
}
 
.ranking td.position {
  text-align: right;
}
 
table.rank td.helptext {
	font-size:10px;
	font-style:italic;
	padding: 3px;
}
 
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/
.language {
 
}
 
/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
.multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer
  {
 
}
 
.multiple-opt-comments ul,.multiple-short-txt ul,.numeric-multi ul {
  display: table;
  padding: 0%;
  margin: 1em;
}
 
.numeric-multi ul {
  margin: 0% 1em 1.5em 1em;
}
 
.numeric-multi ul.computed {
  float: left;
  padding-right: 2em;
}
 
.numeric-multi ul.slider.computed {
  width: 22em;
}
 
.multiple-opt-comments ul li,.multiple-short-txt ul li,.numeric-multi ul li
  {
  display: table-row;
}
 
.multiple-opt-comments ul li span.option {
  padding: 0.3em 1em 0% 1.8em;
  text-indent: -1.8em;
  display: table-cell;
  vertical-align: baseline;
}
 
.multiple-short-txt ul li label,.numeric-multi ul li label {
  padding: 0.3em 1em 0% 0%;
  display: table-cell;
  vertical-align: baseline;
}
 
.numeric-multi ul.computed li label
.numeric-multi ul.slider.computed li label {
  padding-right: 0%;
}
 
.multiple-opt-comments ul li span.comment,.multiple-short-txt ul li span,.numeric-multi ul li span
  {
  padding: 0.3em 0% 0% 1em;
  display: table-cell;
  vertical-align: baseline;
  font-size: 80%;
  white-space: nowrap;
}
 
.numeric-multi div.multinum-slider {
  width: auto;
  float: left;
  margin-top: 1.5em;
  margin-bottom: 0.2em;
}
 
.numeric-multi ul.multiplenumerichelp,.numeric-multi ul.multiplenumerichelp.slider
  {
  display: table;
  font-size: 90%;
}
 
.numeric-multi ul.multiplenumerichelp.slider li {
  display: table-row;
}
 
.numeric-multi ul.multiplenumerichelp li label,.numeric-multi ul.multiplenumerichelp.slider li label
  {
  padding: 0.3em 0% 0% 0%;
  display: table-cell;
}
 
.numeric-multi ul.multiplenumerichelp li span,.numeric-multi ul.multiplenumerichelp.slider li span
  {
  padding: 0% 0% 0% 0.3em;
  display: table-cell;
}
 
.numeric-multi ul.multiplenumerichelp span input {
  border: none;
  background-color: #F5F9F9;
  color: #222;
  padding: 0%;
  width: 7em;
}
 
.text-short input,.text-short textarea,.text-long textarea,.text-huge textarea
  {
  margin-left: 1em;
}
 
.text-huge textarea {
  display: block;
}
 
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/
#limesurvey table.question thead th,#limesurvey table.question .repeat th
  {
  vertical-align: bottom;
  text-align: center;
  background-color: #F5F9F9;
}
 
#limesurvey table.question .answer tbody td {
  text-align: center;
}
 
#limesurvey table.question tbody th.answertext {
  text-align: right;
  font-weight: normal;
}
 
#limesurvey table.question tbody th.answertextright {
  text-align: left;
  font-weight: normal;
}
 
 
  .array-flexible-column col.odd {
  background-color: #FFF;
  
}
.array-flexible-column col.odd.even {
  background-color: #FFF;
  
}
 
 
array-flexible-row mandatory
.boilerplate td td,.numeric td td,.choice-5-pt-radio td td,.yes-no td td,.gender td td,.date td td,.numeric-multi td td,.numeric td td,.list-with-comment td td,.list-dropdown-flexible td td,.ranking td td,.numeric-multi td td,.language td td,.multiple-opt-comments td td,.multiple-short-txt td td,.text-short td td,.text-long td td,.text-huge td td,.numeric-multi td td,.array-5-pt td,.array-10-pt td,.array-yes-uncertain-no td,.array-increase-same-decrease td,.array-flexible-row td,.array-flexible-column td,.array-multi-flexi td,.array-multi-flexi-text td,.array-flexible-duel-scale td
  {
  clear: both;
}
 
/* Jquery CSS
 */ /** UI Base **/
.ui-wrapper {
  border: 1px solid #50A029;
}
 
.ui-wrapper input,.ui-wrapper textarea {
  border: 0;
}
 
/** Progress bar **/
#progress-wrapper .ui-widget-content {
  border: 1px solid #999999;
}
 
#progress-wrapper .ui-widget-header {
  background-color: #CCCCCC;
  border: 1px solid #999999;
}
 
/** UI Slider **/
.numeric-multi label.slider-label {
  display: table-cell;
  width: auto !important;
  padding: 0 1em 0 0;
  margin-top: 1.4em;
  vertical-align: middle;
}
 
.multinum-slider .ui-state-default {
	background: none #AACCEE;
	border:1px solid #999999;
}
 
.multinum-slider .ui-widget-content {
	background: none #F9F9F9;
	border:1px solid #999999;
}
 
.ui-slider-1 {
  width: 200px;
  height: 9px;
  margin-bottom: 20px;
}
 
.ui-slider-2 {
  width: 200px;
  height: 23px;
  position: relative;
  background-image: url(../../images/slider-bg-2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
 
.slider_callout {
  height: 20px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: -19px;
  margin-left: -3px;
  font-family: Arial;
  font-size: 9pt;
  color: #284a6e;
  font-weight: bold;
  text-align: left;
}
 
.slider_showmin {
  float: left;
  width: 50px;
  margin: 15px 0 0 0;
  font-size: 0.7em;
  font-weight: normal;
  text-align: left;
}
 
.slider_showmax {
  float: right;
  width: 50px;
  margin: 15px 0 0 0;
  font-size: 0.7em;
  font-weight: normal;
  text-align: right;
}
 
.slider_lefttext {
  display: table-cell;
  padding-top: 1.5em;
  padding-right: 9px;
  vertical-align: top;
  text-align: right;
  font-size: 0.9em;
}
 
.slider_righttext {
  display: table-cell;
  padding-top: 1.5em;
  padding-left: 12px;
  vertical-align: top;
  font-size: 0.9em;
}
 
#tokenform {
  margin-top: 1em;
}
 
#tokenform input {
  
}
 
#tokenform label {
  float: left;
  width: 20em;
  margin-right: 0.5em;
  text-align: right;
}
 
#tokenform li {
  padding-bottom: 5px;
  list-style: none;
}
 
#tokenform img {
  margin-bottom: -5px;
  margin-right: 5px;
}
 
p#tokenmessage {
  margin: 20px;
}
 
p#tokenmessage {
  margin: 20px;
  text-align: center;
}
 
div#wrapper {
  width: 600px;
  margin: 0 auto;
}
 
#tokenform input.submit {
  margin-left: 18em;
  margin-top: 1em;
  margin-bottom: 1em;
}
 
#statsContainer {
  width: 80%;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 0px;
  min-width: 690px;
  border: 1px solid #ccc;
}
 
#statsHeader {
  color: #000000;
  text-align: center;
  padding: 10px 0px;
  height: 96px;
  background-color: #AABBCC;
  font-family: Arial;
}
 
.statsSurveyTitle {
  font-size: 1.0em;
  font-weight: bold;
  padding: 35px 0px 0px 0px;
  float: right;
  width: 100%;
  text-align: center;
}
 
.statsNumRecords {
  font-size: .9em;
  clear: right;
  float: right;
  width: 100%;
  text-align: center;
}
 
table.statisticstable {
  width: 90%;
  border: 0px solid #ccc;
  text-align: left;
  background-color: #fff;
  margin: 0px auto;
  padding-bottom: 8px;
}
 
table.statisticstable td {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #CCC;
}
 
table.statisticstable img {
  margin: 10px auto;
}
 
div.fieldSummary {
  font-size: .9em;
  padding: 10px 10px 6px 0px;
  display: block;
  text-align: left;
}
 
div.questionTitle {
  font-size: 1.0em;
  padding: 20px 20px 20px 20px;
  font-weight: normal;
  background-color: #EEEEEE;
}
 
td.statsImageholder {
  background-color: #EEEEEE;
}
 
.array-flexible-column col.even,.array-flexible-column th.even {
  background-color: #AABBCC;
}
 
.array-flexible-column thead th {
  font-weight: normal;
}
 
.array-flexible-column td {
  text-align: center;
}
 
#limesurvey table.question tbody th.arraycaptionleft {
  font-weight: bold;
  text-align: right;
}
css:
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52245

  • peter123
  • peter123's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 46
  • Thank you received: 2
  • Karma: 1
peter123 wrote:
css:....[/quote] ich vermute es müsste hier geregelt werden können: #limesurvey table.question tbody td aber ich komme nicht drauf, was ich da genau reinschreiben müsste. bitte hilfe ;([code]
css:....

ich vermute es müsste hier geregelt werden können: #limesurvey table.question tbody td

aber ich komme nicht drauf, was ich da genau reinschreiben müsste. bitte hilfe ;(
The administrator has disabled public write access.

Re:Vorlage 3 years 11 months ago #52393

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5331
  • Thank you received: 296
  • Karma: 249
Stelle die Frage al im englischen Forum, da treiben sich mehr Experten herum. Bitte alle Details dort ebenfalls aufführen.

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.403 seconds
Donation Image