Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Tabelle komisch verzogen
#1
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


Angehängte Dateien Thumbnail(s)
   
So long,

Rebel Ace
Zitieren
#2
Du hast wahrscheinlich irgendwo in deinem Theme etwas stehen wie
Code:
ul { margin: 0; }
Wenn du die Zeile rauslöschst, sollte der Fehler verschwinden.
Zitieren
#3
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:


Angehängte Dateien Thumbnail(s)
   
So long,

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

Mfg,
Manuel
Gruß Manuel
Bitte erst die Suche und die Doku benutzen.
Zitieren
#5
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;
}
So long,

Rebel Ace
Zitieren
#6
(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?
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#7
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
So long,

Rebel Ace
Zitieren
#8
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.
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#9
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.
So long,

Rebel Ace
Zitieren
#10
Ja, geniale Erweiterung für Firefox; hab´ ich auch installiert. Wer´s auch haben will: https://addons.mozilla.org/en-US/firefox/addon/3818
 
The User, Formerly Known As "En-Gedi"
 
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Forum ist für manche User verzogen Eve 1 1.081 18.10.2018, 16:00
Letzter Beitrag: lenox
  Komplettes Foren-Design verzogen (CSS-Fehler?) paperlove 2 1.224 04.08.2015, 12:46
Letzter Beitrag: paperlove
  Forenlogo verzogen.... DarkBaal 24 4.539 25.03.2013, 20:25
Letzter Beitrag: MrBrechreiz
  Header ist komisch? Mutant 17 3.585 08.02.2012, 11:27
Letzter Beitrag: Mutant
  Ansicht verzogen sonic1978 3 1.515 30.09.2011, 16:25
Letzter Beitrag: K-Help4You