[RebelAce]

Hi!

Bei einem neuen Forum von mir, bei dem ich grad den Style von mir fertig hab, verzieht sich innerhalb von Postings die Tabelle. Weiß nicht warum, hab da nichts geändert.

Anbei ein Screenshot.

Oder auch zu sehen vorallem im "Partnerbereich" auf http://paradise.jamesdenton.de

[Mak]

Du hast wahrscheinlich irgendwo in deinem Theme etwas stehen wie

Code:

ul { margin: 0; }

Wenn du die Zeile rauslöschst, sollte der Fehler verschwinden.

[RebelAce]

Oh OK, hab zwar nirgends sowas reingeschrieben, aber danke. Ich schau mal.

---

Hi,

nee ich hab alles durchgesehen aber nichts dergleichen gefunden.
Der Fehler ist auch wenn ich was schreiben will:

[Manuel]

Der Fehler ist bekannt, aber der 1. ist eig. ein CSS Fehler.
Hänge mal deine global.css als Textdatei an.

Mfg,
Manuel

[RebelAce]

OK hier ist sie. Ist zwar net schlimm der Fehler, aber es ist schon nervig.

Code:

body {
    background: #99D2D8;
    color: #244550;
    text-align: center;
    background-image: url(http://paradise.jamesdenton.de/images/tip-back.gif);
    background-attachment: fixed;
    
    font-family: Tahoma;
    font-size: 13px;
}

a:link {
    color: #244550;
    text-decoration: none;
}

a:visited {
    color: #244550;
    text-decoration: none;
}

a:hover, a:active {
    color: #2c2c2c;
    FONT-VARIANT: small-caps; = font-face: Courier New; text-decoration:underline; font-weight:bold; cursor:crosshair; letter-spacing: 0px; background-image: url(http://paradise.jamesdenton.de/images/bling.gif);
    text-decoration: underline;
}

#container {
    background: #c7d9e0;
    width: 90%;
    color: #2F4D64;
    border: 1px solid #2F4D64;
    margin: auto;
    padding: 20px;
    text-align: left;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu ul {
    color: #244550;
    text-align: right;
    padding: 4px;
    font-weight: bold;
}

.menu ul a:link {
    color: #244550;
    text-decoration: none;
}

.menu ul a:visited {
    color: #244550;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #2C2C2C;
    FONT-VARIANT: small-caps; = font-face: Courier New; text-decoration:; cursor:crosshair; letter-spacing: 0px; background-image: url(http://paradise.jamesdenton.de/images/bling.gif);
    text-decoration: underline;
    font-weight: bold;
}

#panel {
    background: #c7d9e0;
    color: #244550;
    border: 1px solid #244550;
    padding: 8px;
    margin: auto;
    font-size: 11px;
}

table {
    color: #244550;
    font-family: Tahoma;
    font-size: 13px;
}

.tborder {
    background: #244550;
    width: 100%;
    border: 1px solid #244550;
}

.thead {
    background: #244550;
    color: #FFFFFF;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #c7d9e0;
    color: #000000;
    font-size: 12px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #FFFFFF;
}

.trow1 {
    background: #c7d9e0;
}

.trow2 {
    background: #c7d9e0;
}

.trow_shaded {
    background: #e7f3f8;
}

.trow_selected td {
    background: #d9f4ff;
}

.trow_sep {
    background: #c7d9e0;
    color: #244550;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #244550;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #c7d9e0;
    color: #244550;
    border: 1px solid #244550;
    padding: 10px;
}

.navigation {
    color: #244550;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #244550;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #244550;
    padding: 2px;
    line-height: 1.4;
    
    font-family: Tahoma;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #244550;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #244550;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #244550;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 100%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    color: #2c2c2c;
    background-color: #2c2c2c;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
}

blockquote {
    background: #c7d9e0;
    border: 1px solid #244550;
    padding: 4px;
}

blockquote cite {
    border-bottom: 1px solid #244550;
    display: block;
    margin: 4px 0;
    
    font-style: normal;
    font-weight: bold;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

.codeblock {
    background: #fff;
    border: 1px solid #244550;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #244550;
    margin: 4px 0;
    
    font-weight: bold;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {

padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    background: #FFF6BF;
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    
    font-size: 12px;
}

div.error p {
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

[ows]

Der Fehler ist auch wenn ich was schreiben will:

Am einfachsten ist es, du reduzierst die Spalten für die Anzeige der Smilies (Admin-CP --> Konfiguration --> Einstellungen --> Smilies und BBCode), dann sollte der Editor wieder passen.

Alternativ kannst du auch die Breite der Textarea für den Editor ändern. Das müsste dann aber in mehreren Templates durchgeführt werden.

Zum 1. Problem: Kannst du einen Link zu einem Beitrag posten, in dem eine (Listen-)Aufzählung vorkommt und der für Gäste sichtbar ist?

[RebelAce]

Hab einen Fehler gefunden, den mit der verzerrten Darstellung der Aufzählung.
Da hatte ein User den Code < li > statt [ list ] etc. benutzt. *seufz*

Wegen der Smilies .. hilft auch nicht.
Der Editor ist immernoch lang gezogen.

Was mich aber noch irritiert ist, daß es über den Postings noch die Tabelle verzogen hat (dort wo "Verfasser" und "Nachricht" steht).
Normalerweise ist dies ja gleich breit.

Beispiel hier:
http://paradise.jamesdenton.de/showthrea...=55&page=1

[ows]

Versuch´ mal folgendes:

Im Template "Zeige Thema Templates --> showthread_classic_header" findest du den Code

Code:

<td class="tcat" width="15%">

Ändere das in eine feste Breite, also z.B.

Code:

<td class="tcat" style="width:200px;">

Ändere dann analog dazu auch noch die Breite im Template "Postbit Templates --> postbit_classic".

---

Wegen der Smilies .. hilft auch nicht. Der Editor ist immernoch lang gezogen.

Dann bleibt dir wohl nur noch als Lösung, überall dort, wo der Editor angezeigt wird, die Breite der Textarea im entspr. Template zu ändern.

[RebelAce]

Uff, OK ich werds mal machen. Danke.


Edit:

Klasse, das Verzogene mit "Verfasser" etc. ist behoben.

Wgen dem Editor teste ich weiter. Das will noch net so.

Witzigerweise kann ich z.B. im Firefox sogar die Größe des Texteingabefelds bei "Neuen Themen" etc. verändern. Sprich mit Änderung des Cursors und dann ziehen.

[ows]

Ja, geniale Erweiterung für Firefox; hab´ ich auch installiert. Wer´s auch haben will: https://addons.mozilla.org/en-US/firefox/addon/3818