Spaltenbreite

peter1234 · 14 November 2010

Hallo Leute,

ich bekomme es nicht hin, dass die erste Spalte meiner Tabelle 50 % der Tabelle einnimmt und der Rest gleichmäßig aufgeteilt wird/zweite Alt. 90px, kann mir einer helfen?

hier der Link zur Bsp. Datei und css...

File-Upload.net - hilfe.zip

Ich verzweifle förmlich, weil es einfach nicht will, egal wie ich die <th> und <td> generell definiere.
Danke!

roddy · 14 November 2010

Habe mir jetzt den Quelltext nicht angeschaut, aber vielleicht liegt es ja daran dass du <td> generell definierst ;-)

Definiere den <td> der breiter sein soll anders, direkt in HTML oder natürlich professioneller als CSS Klasse und die anderen eben Anders, dann klappts auch mit den Nachbarn. 8)

threadi · 14 November 2010

Ich lade mir keine Dateien runter. Stell einen Link bereit oder zeig den kompletten Quellcode hier. Wie schon gesagt solltest Du aber für jedes <td> eine eigene Breite definieren.

Code:

td.haelfte { width: 50%; }
td.schmal { width: 90px; }

peter1234 · 14 November 2010

sorry, ich würde natürlich auch keine dateien runterladen...hier der code dazu.

ich kann den td keine class zuweisen, weil die tabelle ein programm generiert.

html datei

HTML:

<!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>

css datei:

peter1234 · 14 November 2010

Code:

.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;
}

peter1234 · 14 November 2010

Code:

/* 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;
  }

sorry das es zu viel geworden ist...

threadi · 14 November 2010

Und welche der vielen Tabellen betrifft es? Soweit ich sehen kann stehen dort schon Klassen drinne - verwende diese doch, auch wenn sie von einem Programm so generiert werden.

peter1234 · 14 November 2010

alle angegeben tabellen sollen so aufgebaut sein, dass erste spalte 50% einnimmt und der rest gleichmäßig aufgeteilt wird.

ich versuche das darauf zugreifen auch mit #limesurvey ... aber es wird nie gleich groß, oder die eingabe in css wird einfach ignoriert.

gibts den sonst eine möglichkeit, wenn ja, wie lautet diese genau, wie man auf die th/td zugreift (bezogen auf den obigen code) danke!

Spaltenbreite

peter1234

Neues Mitglied

roddy

Mitglied

threadi

Moderator

peter1234

Neues Mitglied

peter1234

Neues Mitglied

peter1234

Neues Mitglied

threadi

Moderator

peter1234

Neues Mitglied

Neueste Beiträge