MyBB.de Forum

MyBB.de Forum > Anpassungen > Theme-Diskussionen > Tabelle komisch verzogen
Normale Version: Tabelle komisch verzogen
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.

RebelAce

07.11.2008, 16:29
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

07.11.2008, 17:11
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

07.11.2008, 18:02
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:

Manuel

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

Mfg,
Manuel

RebelAce

10.11.2008, 09:33
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

10.11.2008, 10:13
(07.11.2008, 18: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?

RebelAce

10.11.2008, 10:23
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

10.11.2008, 10:43
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, 10: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.

RebelAce

10.11.2008, 16:03
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.

ows

11.11.2008, 09:55
Ja, geniale Erweiterung für Firefox; hab´ ich auch installiert. Wer´s auch haben will: https://addons.mozilla.org/en-US/firefox/addon/3818
MyBB.de Forum > Anpassungen > Theme-Diskussionen > Tabelle komisch verzogen