Ultimate Quiz MOD schneidet Antworten ab

[Secretly]

Hallo,

ich habe den Ultimate Quiz MOD eingebaut und er funktioniert auch. Jedoch haben wir das Problem, dass die Antworten, wenn sie länger sind, abgeschnitten werden.
Beispiel
Hat jemand eine Idee was ich ändern muss?

[Crizzo]

Hi,

hast du mal einen Link? Das sollte ein einfaches Style-Problem sein und sollte sich mit ein wenig basteln an CSS und HTML ändern lassen.

Grüße

[Secretly]

Ach so, ja klar: http://www.sydneylife.de/quiz.php
Ich habe es jetzt nur mit dem Style welcher sich im Aufbau befindet, getestet. Aber sie sind alle auf Prosilver aufgebaut und greifen auf die gleichen Templates zu.

[Crizzo]

Du musst registriert und eingeloggt sein um diese Seite zu sehen.

--> Testaccount bereitstellen.

[Secretly]

Observer
Passwort: Charles

[Crizzo]

Hi,

pack mal in eine CSS-Datei (common.css, content.css oder die vom Quiz) noch folgenden Code:

Code: Alles auswählen

.section-quiz #page-body dd label {
white-space: normal;
}

Danach Theme aktualisieren und evtl. beim Browser ein paarmal F5 drücken oder Hardreload.

[Secretly]

Wahrscheinlich muss ich noch etwas warten, aber bei mir tut sich bisher nichts. Ich habe Theme feel_free_to_do aktualisiert, habe es mir mit 2 Browsern angeschaut, auch die Cookies etc. einmal gelöscht.

[Crizzo]

Irgendwas stimmt noch nicht, weil in der CSS-Datei kann ich die neue Regel nirgends finden. Hast du die Datei auch korrekt hochgeladen und auch vom richtigen Style und auch im selbigem aktualisiert?

[Secretly]

Ich habe es jetzt in allen Styles aktualisiert. Dann mache ich wohl was falsch oder bin zu doof.
Rekompilieren veralteter Style-Komponenten:
Prüft auf neue Style-Komponenten und rekompiliert diese. ist auch angeschaltet und wenn ich mir die Theme im ADM aufrufe ist es auch enthalten.

Code: Alles auswählen

/* General Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 0px 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Tahoma, Verdana. Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

.countline {
       background-color: #DEE3E7;
       border-style: none;
       width:50px;
       text-align:right;
}

/* Border
---------------------------------------- */
.border-left { 
    background: url("{T_THEME_PATH}/images/border_left.gif") #bac1c0 repeat-y 0 0;
}

.border-right {
    background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-left, .border-right { width: 100%;}

.border-bottom span span { 
    background-position: 100% -18px;
}

.inside { 
    padding: 30px 27px 20px 27px;
}

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0px 0px  0px  0px;
	margin-left: 0px;
  margin-right: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
	width: 875px;
	margin: 0 auto;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 10px;
}

#logo {
	float: left;
	width: auto;
	padding: 3px 13px 0 3px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: center;
	width: 100%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
    background: none repeat-x scroll 0 0 #EBEBEB;
    color: #000000;
    margin-bottom: 4px;
    padding: 0 3px;
}

.navbar {
	background-color: #A2B3B3;
	padding: 0 10px;
	border: 1px solid #8AA1A2;
}

.sonstiges {
	background-color: #b9c2c1;
	padding: 0 10px;
	border: 1px solid #8AA1A2;
}

.forabg {
	background: #A2B3B3 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
	border: 1px solid #8AA1A2;
}

.forumbg {
	background: #A2B3B3 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
	border: 1px solid #8AA1A2;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #000000;
/*	font-weight: bold; */
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #000000;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: center;  width: 30%; }
table.table1 .active	{ text-align: center; width: 35%; }
table.table1 .info		{ text-align: center; width: 35%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

#memberlist td {
text-align: center;
}

table.table1 span.rank-img {
	float: center;
	width: 0%;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 25px;
	text-align: center;
	color: #555555;
	clear: both;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* Ajax User-Info Popups */
#popup {
	z-index: 60;
	position: absolute;
	display: none;
	font-size: 10px;
	width: 350px;
}

.kategorieimportant {
   background: #181818 url("{T_THEME_PATH}/images/important.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.kategoriecharacter {
   background: #181818 url("{T_THEME_PATH}/images/character.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.kategorieinplay {
   background: #181818 url("{T_THEME_PATH}/images/inplay.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.kategorieoutplay {
   background: #181818 url("{T_THEME_PATH}/images/outplay.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.kategoriepartner {
   background: #181818 url("{T_THEME_PATH}/images/partner.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.kategoriearchive {
   background: #181818 url("{T_THEME_PATH}/images/archive.png");
   height: 80px;
   border: 1px solid #8AA1A2;
   float: center;
}

.section-quiz #page-body dd label {
  white-space: normal;
}

  div#Rahmen {
    width: 820px;
    padding: 0;
    border: 1px solid #8AA1A2;
    background-color: #A2B3B3;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 820px;
    w\idth: 820px;
  }
  div#Rahmen div {
    clear: left;
  }
  ul#Navigation {
    margin: 1px; 
    padding: 1px;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    width: 130px;
    position: relative;
    margin: 2px; 
    padding: 1px;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: 2px;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 1px;
  }

  ul#Navigation li ul {
    margin: 0; 
    padding: 0;
    position: absolute;
    top: 2px; 
    left: 1;
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 2px;
    lef\t: 1px;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 1px 2px;
    text-decoration: none; 
    font-weight: none;
    border: 1px solid #8AA1A2;
    border-left-color: #8AA1A2; 
    border-top-color: #8AA1A2;
    color: #000000; 
    background-color: #A2B3B3;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
    width: 820px;
    w\idth: 820px;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: #8AA1A2;
    border-left-color: #8AA1A2; 
    border-top-color: #8AA1A2;
    color: #000000; 
    background-color: #b9c2c1;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #000000; 
    background-color: #b9c2c1;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
  ul#Navigation li>ul {
    display: none; 
    top: 15px;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
    background-color: #8AA1A2; 
    padding-bottom: 1px;
  }

[Crizzo]

Ich hab keinen Zugang mehr zu einer Frage, um die Sache zu sehen. Kannst du mal eine neue Frage mit genug Text stellen?