MyBB.de Forum
Tabelle komisch verzogen - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Tabelle komisch verzogen (/thread-11476.html)

Tabelle komisch verzogen - RebelAce - 07.11.2008

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

RE: Tabelle komisch verzogen - Mak - 07.11.2008

Du hast wahrscheinlich irgendwo in deinem Theme etwas stehen wie
Code:
ul { margin: 0; }
Wenn du die Zeile rauslöschst, sollte der Fehler verschwinden.

RE: Tabelle komisch verzogen - RebelAce - 07.11.2008

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

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

RE: Tabelle komisch verzogen - Manuel - 07.11.2008

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

Mfg,
Manuel

RE: Tabelle komisch verzogen - RebelAce - 10.11.2008

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


RE: Tabelle komisch verzogen - ows - 10.11.2008

(07.11.2008, 19:02)RebelAce schrieb: 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?

RE: Tabelle komisch verzogen - RebelAce - 10.11.2008

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/showthread.php?tid=55&page=1

RE: Tabelle komisch verzogen - ows - 10.11.2008

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".


(10.11.2008, 11:23)RebelAce schrieb: 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.

RE: Tabelle komisch verzogen - RebelAce - 10.11.2008

Uff, OK ich werds mal machen. Danke.


Edit:

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

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.

RE: Tabelle komisch verzogen - ows - 11.11.2008

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