Formatierung von Tabellen

phwb1920

Hallo zusammen.

Ich bin neu hier im Forum und arbeite seite ca. 5 Wochen mit WP für die Erstellung unserer Vereinshompage (was auch eigentlich ganz gut funktioniert). Jedoch habe ich ein Problem mit der Formatierung, besonders von Tabellen. Ich bin ein HTML-Anfänger und arbeite zu 75% mit der graphischen Oberfläche des TinyMCE. Ich benutze, um Bilder und Text auf der Site zu positionieren, Tabellen (align left, middle etc.). Der TinyMCE zeigt mir auch alles richtig an, jedoch später auf der Website ist alles immer linksbündig.
Kann mir da jemand helfen.

PS
Habe die Suchfunktionen benutzt aber irgendwie nix passendes gefunden (manchmal hängt es auch an der Eingabe der richtigen Suchbegriffe :confused:).

LG

PH

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat

Der TinyMCE zeigt mir auch alles richtig an, jedoch später auf der Website ist alles immer linksbündig.

Der TinyMCE weiß nichts von den Stilvorgaben, die auf der Website gelten. WYSIWYG ist also eigentlich das falsche Wort für diesen Editor, aber das nur nebenbei.

Zitat

Ich benutze, um Bilder und Text auf der Site zu positionieren, Tabellen

Tabellen benutzt man nicht zur Positionierung von Elementen, sondern um tabellarische Daten darzustellen. Normalerweise kannst du einfach den "zentrieren"-Button verwenden, um Elemente zu zentrieren. Bilder kannst du m.W. ebenfalls so ausrichten.

Falls alles, was in Beiträgen in Tabellen steht zentriert werden soll, dann kannst du folgenden Code zur style.css des Themes hinzufügen:

Code

.entry table {
margin-left:auto;
margin-right:auto;
}

Das funktioniert aber nur bei Tabellen, die eine Breitenangabe erhalten haben.

Möglich ist auch

Code

.entry table[align=left] {
margin-left:auto;
margin-right:auto;
}

Das funktioniert aber evtl. in älteren Browsern nicht wie gewünscht.

phwb1920

Habe die Tabelle weggelassen und die Bilder und den Text direkt formartiert.
Nun steht der Text neben dem Bild (was ich nicht will) und ist, wie ich will, zentriert. Jedoch sind die Bilder immer noch linksbündig.

Anmerkung:
Der TinyMCE zeigt es richtig an!?

:confused::confused::confused:

marX

Zitat von phwb1920

Habe die Tabelle weggelassen und die Bilder und den Text direkt formartiert.
Nun steht der Text neben dem Bild (was ich nicht will) und ist, wie ich will, zentriert. Jedoch sind die Bilder immer noch linksbündig.

Such mal folgende Zeile in der style.css (ca. Zeile 320):

Code

/* Begin Images */
p img { max-width: 95%; }


.entry img {
	float: left;
	margin: 3px 10px 3px 0px;
	}

und kommentiere dies mal aus:

Code

/* Begin Images */
p img { max-width: 95%; }
/*
.entry img {
	float: left;
	margin: 3px 10px 3px 0px;
	}
*/

Zitat

Anmerkung:
Der TinyMCE zeigt es richtig an!?
:confused::confused::confused:

Nochmal - der TinyMCE weiß nicht, wie es auf der Seite aussehen soll und zeigt es in seinen eigenen Stilvorgaben an. Diese müssen nicht mit denen auf der Seite übereinstimmen.

phwb1920

Hallo marX,

habe mal in der Datei nachgesehen. Finde dort folgenden Eintrag:

.entry img {
float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'left' : 'right')); ?>;
margin: 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px;
}

Kann man das "auskommentieren"?

Übrigens: Vielen Danke für die schnelle Antwort!!!!

Echt super :-D:-D:-D

Und noch etwas:
Das mit dem TinyMCE und den Stylevorgaben habe ich nun verstanden.

marX

Ja, kannst du genauso auskommentieren:

PHP

[COLOR="#ff0000"]/*[/COLOR]
.entry img { 
    float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'left' : 'right')); ?>;
    margin: 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px;
}
[COLOR="Red"]*/[/COLOR]

Zitat

Das mit dem TinyMCE und den Stylevorgaben habe ich nun verstanden.

Schön. Ist für Anfänger sicher etwas verwirrend, kann ich schon verstehen.

phwb1920

Sorry ich hab nicht alles ausgewählt. Hier nun der vollständige Eintrag mit "Images".

/* Begin Images */
p img { max-width: 95%; }

.entry img {
float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'right' : 'left')); ?>;
margin: 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px;
<?php if (!$mandigo_noborder): ?>
background: #fff;
border: 1px solid #333;
padding: 3px;
<?php endif; ?>
}

img.nofloat, img.nowrap, .nofloat img, .nowrap img, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }

.entry img.wp-smiley {
border: 0;
padding: 0;
margin: 0;
background: transparent;
}

img.noborder, .noborder img {
background: inherit;
border: 0;
padding: inherit;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}

img.alignright, img.alignleft {
display: inline;
}

.alignright { float: right !important; }

.alignleft { float: left !important; }
/* End Images */

Sorry :oops:

marX

Verwende bitte die Code-Tags im Editor zur Auszeichnung längerer Quellcode-Passagen. Siehe auch hier: http://forum.wordpress-deutschland.org/plugins-und-wi…-den-posts.html

Ansonsten einfach wie oben schon geschrieben die eine Regel auskommentieren:

PHP

/* Begin Images */
p img { max-width: 95%; }


[color=red][b]/*[/b][/color]
.entry img {
    float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'right' : 'left')); ?>;
    margin: 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px;
    <?php if (!$mandigo_noborder): ?>
    background: #fff;
    border: 1px solid #333;
    padding: 3px;
    <?php endif; ?>
}
[color=red][b]*/[/b][/color]


img.nofloat, img.nowrap, .nofloat img, .nowrap img, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }


.entry img.wp-smiley {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}


img.noborder, .noborder img {
    background: inherit;
    border: 0;
    padding: inherit;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


img.alignright, img.alignleft {
    display: inline;
}


.alignright { float: right !important; }


.alignleft { float: left !important; }
/* End Images */

Alles anzeigen

phwb1920

Hallo marX,

habe die Änderung vorgenommen und was soll ich sagen

!!! es funzt !!!

Vielen Dank für den Tip.

Eine Frage habe ich aber doch noch.

Ich habe auf unserer Seite eine Tabelle (mit Daten :)) bei der die Formatierungen richtig angezeit werden. Nur wenn ich die Tabelle mittig ausrichte, wird sie linksbündig angezeigt. Richte ich sie rechtsbündig aus, wird sie auch rechtsbündig angezeigt. Habe diesbezüglich mal die style.css.php durchsucht aber nichts gefunden.
Hättest du da noch einen Tip.

Vielen Dank.

marX

Wo finde ich die Tabelle? Möglicherweise fehlt da die Breitenangabe.

Achso, ich seh grad, ich hatte oben noch ne kleinen Fehler drin. Wenn du folgende Angabe verwendest hattest:

Code

.entry table[align=left] {
margin-left:auto;
margin-right:auto;
}

dann füge mal bitten noch diesen hinzu:

Code

.entry table[align=center] {
margin-left:auto;
margin-right:auto;
}

phwb1920

Habe die beiden Einträge hinzugefügt. Brachte aber nicht den Erfolg. Außerdem stimmt dann beim Öffnen der Seite mit dem IE nix mehr. Die wurde vorher richtig angezeigt (hab ich vergessen anzugeben). Normalerweise ist es doch eher umgekehrt. Bei Firefox stimmt's und beim IE gibts Probleme.

Habe noch folgenden Eintrag in der style.css.php gefungen:

PHP

<?php if ($firefox): ?>
.pages li {
    display: table-cell;
    padding: 0 1em;
}

Hat das etwas damit zu tun?

marX

Kannst du mal die gesamte style.css posten? Die Datei enthält bei dir PHP-Befehle, was nicht die Regel ist. Da sollte man vielleicht mal die gesamte Datei sehen.

Und ansonsten mal bitte den Link zu der Seite mit der falsch dargestellten Tabelle posten. ;-)

IE7 sollte die Attributselektoren (also table[align=center]) kennen, der 6er kennt die aber noch nicht. Da könnte das Problem sein.

phwb1920

So habe hier mal die ganze Datei eingestellt. Ich mußte drei Teile draus machen, weil zu viele Zeichen.
Teil 1:

PHP

<?php
    /*
    
    Hi there,


    If you're planning on making modifications to this file, you'd rather use HTML Inserts in the theme options.
    Just wrap your css rules in a <style type="text/css"></style> tag pair, and put them in the first textbox on
    the HTML Inserts page.


    Doing it this way will keep the theme easily updatable.


    */


    error_reporting(0);
    $fb = 0;


    $d = 0;
    while (!file_exists(str_repeat('../',$d).'wp-config.php')) { if (++$d > 99) exit; }
    $wpconfig = str_repeat('../',$d).'wp-config.php';


    if (file_exists(str_repeat('../',$d).'wpmu-settings.php')) $fb++;
    else
        if (file_exists($wpconfig))
            eval(preg_replace('/((require|include)(_once)?|define[^\n]+ABSPATH)[^\n]+|<\?php|\?>/','',file_get_contents($wpconfig)));


    if (defined('DB_USER')) {
        $dbh = @mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);
        @mysql_select_db(DB_NAME,$dbh);
        $r = @mysql_query("SELECT option_name,option_value FROM ". $table_prefix ."options WHERE option_name REGEXP '^mandigo_(1024|sidebar[12]_left|3columns|wp(_(fixed|repeat|position))?|em_italics|bgcolor|no(float|border)|headnav_alignment|scheme|slim_header|small_title|number_comments|(posts|sidebars)_b[dg]color|floatright|nojustify)|stylesheet|siteurl';",$dbh);
        while ($a = @mysql_fetch_row($r)) {
            if ($a[1] == 'on' ) $a[1] = 1;
            if ($a[1] == 'off') $a[1] = 0;
            $$a[0] = $a[1];
        }
        @mysql_free_result($r);
        if (!$mandigo_scheme) $fb++;
        $stylesheet_directory = $siteurl . '/wp-content/themes/'. $stylesheet;
    }
    else $fb++;


    if ($fb) {
        require($wpconfig);
        $mandigo_em_italics        = get_option('mandigo_em_italics');
        $mandigo_scheme_random     = get_option('mandigo_scheme_random');
        $mandigo_3columns          = get_option('mandigo_3columns');
        $mandigo_sidebar1_left     = get_option('mandigo_sidebar1_left');
        $mandigo_sidebar2_left     = get_option('mandigo_sidebar2_left');
        $mandigo_headnav_alignment = get_option('mandigo_headnav_alignment');
        $mandigo_wp                = get_option('mandigo_wp');
        $mandigo_1024              = get_option('mandigo_1024');
        $mandigo_nofloat           = get_option('mandigo_nofloat');
        $mandigo_bgcolor           = get_option('mandigo_bgcolor');
        $mandigo_scheme            = get_option('mandigo_scheme');
        $mandigo_slim_header       = get_option('mandigo_slim_header');
        $mandigo_noborder          = get_option('mandigo_noborder');
        $mandigo_small_title       = get_option('mandigo_small_title');
        $mandigo_wp_fixed          = get_option('mandigo_wp_fixed');
        $mandigo_wp_repeat         = get_option('mandigo_wp_repeat');
        $mandigo_wp_position       = get_option('mandigo_wp_position');
        $mandigo_number_comments   = get_option('mandigo_number_comments');
        $mandigo_posts_bgcolor     = get_option('mandigo_posts_bgcolor');
        $mandigo_posts_bdcolor     = get_option('mandigo_posts_bdcolor');
        $mandigo_sidebars_bgcolor  = get_option('mandigo_sidebars_bgcolor');
        $mandigo_sidebars_bdcolor  = get_option('mandigo_sidebars_bdcolor');
        $mandigo_floatright        = get_option('mandigo_floatright');
        $mandigo_nojustify         = get_option('mandigo_nojustify');
        $stylesheet_directory      = get_bloginfo('stylesheet_directory');
        foreach (array('em_italics','3columns','sidebar1_left','sidebar2_left','1024','nofloat','slim_header','noborder','small_title','wp_fixed','wp_repeat','wp_position','number_comments') as $a) {
            $a = 'mandigo_'. $a;
            if ($$a == 'on')  $$a = 1;
            if ($$a == 'off') $$a = 0;
        }
        status_header(200);
    }
    header('Content-type: text/css');


    $ie      = preg_match("/MSIE [4-6]/",$_SERVER['HTTP_USER_AGENT']);
    $ie7     = preg_match("/MSIE 7/",    $_SERVER['HTTP_USER_AGENT']);
    $safari  = preg_match("/Safari/",    $_SERVER['HTTP_USER_AGENT']);
    $firefox = preg_match("/Firefox/",   $_SERVER['HTTP_USER_AGENT']);
?>


/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Sans-Serif;
    color: #333;
}


.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }


.widecolumn { line-height: 1.6em; }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}


h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }


.inline-widgets #wp-calendar caption, .blogname, .blogdesc {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
}


#content { font-size: 1.2em; }


.blogname {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: <?php echo ($mandigo_small_title ? 3 : 4); ?>em;
    letter-spacing: -.05em; 
    margin-top: <?php echo ($mandigo_small_title ? 25 : 15); ?>px;
}


.blogname, .blogname a, blogname a:hover, .blogname a:visited, .blogdesc {
    text-decoration: none;
    color: white;
}


.blogname, .blogdesc { 
    font-weight: bold;
    position: absolute;
    z-index: 100;
    margin-left: 15px;
}


.blogdesc { 
    font-size: 1.2em;
    margin-top: 60px; 
}


.posttitle, #comments, #respond, #trackbacks {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.6em;
}


.posttitle, .posttitle a, .posttitle a:hover, .posttitle a:visited {
    text-align: left;
    text-decoration: none;
    color: #333;
}


.posttitle-archive, .posttitle-search, #comments, #respond { font-size: 1.5em; }


.pagetitle { font-size: 1.6em; }


.widgettitle, .sidebars li.linkcat h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
}


.inline-widgets .widgettitle, .inline-widgets #wp-calendar caption { font-size: 1.4em; }


.sidebars .widgettitle, #wp-calendar caption, cite { text-decoration: none; }


.widgettitle a { color: #333; }


.widecolumn .entry p { font-size: 1.05em; }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


.commentlist li { font-weight: bold; }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}


#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }


.commentmetadata { font-weight: normal; }


.sidebars { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }


small, .sidebars ul li, .sidebars ol li, .nocomments, .postmetadata, strike { color: #777; }


code { font: 1em 'Courier New', Courier, Fixed; }


blockquote {
    color: #555;
    font-style: italic;
}


em {
    <?php if ($mandigo_em_italics): ?>
    font-style: italic;
    font-weight: normal;
    <?php else: ?>
    font-style: normal;
    font-weight: bold;
    <?php endif; ?>
}


acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
}


a { text-decoration: none; }


a:hover { text-decoration: underline; }


#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }


#wp-calendar a { text-decoration: none; }


#wp-calendar caption { font: bold 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}


.text-shadow { color: #333; }


.text-stroke-tl, .text-stroke-tr, .text-stroke-bl, .text-stroke-br { color: #000; }


.narrowcolumn .postmetadata { text-align: left; }


.four04 {
    font-weight: bold;
    font-size: 18pt;
    letter-spacing: -.1em;
    text-align: center;
    margin-top: 10px
}


.four04-big {
    font-size: 50pt;
    letter-spacing: -.05em;
    line-height: .6em;
    margin-top: .3em;
}
/* End Typography & Colors */






/* Begin Structure */
* {
    padding: 0; 
    margin: 0;
}


p { margin: 1em 0; }


body {
    background-color: <?php echo $mandigo_bgcolor; ?>;
    <?php if ($mandigo_wp): ?>
    background-image: url(<?php echo $stylesheet_directory; ?>/images/patterns/<?php echo $mandigo_wp; ?>);
    background-attachment: <?php echo ($mandigo_wp_fixed ? 'fixed' : 'scroll'); ?>;
    background-repeat: <?php echo ($mandigo_wp_repeat ? $mandigo_wp_repeat : 'repeat'); ?>;
        <?php if (isset($mandigo_wp_position)): ?>
    background-position: <?php echo $mandigo_wp_position; ?>;
        <?php endif; ?>
    <?php endif; ?>
    text-align: center;
    margin: 0 0 20px 0;
}


#page {
    margin: 20px auto;
    text-align: left;
    width: <?php echo (763+224*$mandigo_1024); ?>px;
}


#header {
    background: url(images/header<?php echo ($mandigo_1024 ? '-1024' : ''); ?>.png);
    height: <?php echo (243-($mandigo_slim_header ? 100 : 0)); ?>px;
    width: <?php echo (763+224*$mandigo_1024); ?>px;
}

Alles anzeigen

phwb1920

Teil 2:

PHP

#headerimg {
    position: relative;
    left: 13px;
    top: 11px;
    height: <?php echo (226-($mandigo_slim_header ? 100 : 0)); ?>px;
    width: <?php echo (737+224*$mandigo_1024); ?>px;
    <?php if (!isset($_GET['noheaderimg'])): ?>
    background: url('schemes/<?php echo $mandigo_scheme; ?>/images/head<?php echo ($mandigo_1024 ? '-1024' : ''); ?>.jpg') bottom center no-repeat;
    <?php endif; ?>
}


#main {
    background: url(images/bg<?php echo ($mandigo_1024 ? '-1024' : ''); ?>.png);
    width: <?php echo (763-2*15+224*$mandigo_1024); ?>px;
    padding: 9px 15px;
}


#main>table { width: 100%; }


.narrowcolumn, .widecolumn { width: 100%; }


.narrowcolumn, .widecolumn, #sidebar1, #sidebar2 {
    vertical-align: top;
    padding: 0 3px;
}


.alt {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}


.postmetadata { background-color: #fff; }


#footer {
    background: url(images/foot<?php echo ($mandigo_1024 ? '-1024' : ''); ?>.png);
    border: none;
}


.post {
    position: relative;
    clear: both;
    text-align: <?php echo ($mandigo_nojustify ? 'left' : 'justify'); ?>;
    padding: 5px 15px;
    margin: 0 auto 9px auto;
    background: <?php echo $mandigo_posts_bgcolor; ?>;
    border: 1px solid <?php echo $mandigo_posts_bdcolor; ?>;
    <?php if ($ie||$ie7): ?>height: 1%; /* peekaboo */<?php endif; ?>
}


.narrowcolumn .postdata { padding-top: 5px; }


.widecolumn .postmetadata { margin: 30px 0; }


.smallattachment {
    text-align: center;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata, .entry, .inline-widgets, .clear { clear: both; }




#footer {
    margin: 0 auto;
    width: <?php echo (763+224*$mandigo_1024); ?>px;
    height: 68px;
}


#footer p {
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
}


<?php if ($ie): ?>
#footer a { position: relative; }
<?php endif; ?>


.sidebars {
    width: 210px;
    background: <?php echo $mandigo_sidebars_bgcolor; ?>;
    border: 1px solid <?php echo $mandigo_sidebars_bdcolor; ?>;
    padding: 5px;
    overflow: hidden;
}


.pagetitle { text-align: center; }


.post .pagetitle {
    margin-top: inherit;
    text-align: left;
    font-size: 1.5em;
}


.sidebars .widgettitle { margin: 5px 0 0 0; }


.comments { margin: 40px auto 20px; }


.text-shadow    { position: absolute; top: +2px; left: +2px; z-index: 98; }
.text-stroke-tl { position: absolute; top: -1px; left: -1px; }
.text-stroke-tr { position: absolute; top: -1px; left: +1px; }
.text-stroke-bl { position: absolute; top: +1px; left: -1px; }
.text-stroke-br { position: absolute; top: +1px; left: +1px; }
.text-stroke-tl, .text-stroke-tr, .text-stroke-bl, .text-stroke-br { z-index: 99; }


.switch-post {
    float: right;
    position: relative;
    right: -10px;
}


.catdesc {
    padding: 0 10px;
    text-align: justify;
    font-style: italic;
}
/* End Structure */


/* Versuch um die Tabellen richtig auszurichten
.entry table[align=left] {
margin-left:auto;
margin-right:auto;
}


.entry table[align=right] {
margin-left:auto;
margin-right:auto;
}


.entry table[align=center] {
margin-left:auto;
margin-right:auto;
}
*/


/* Begin Images */
p img { max-width: 95%; }


/* Damit die Bilder richtig dargestellt werden, habe ich diesen Bereich "auskommentiert".
.entry img {
    float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'right' : 'left')); ?>;
    margin: 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px;
    <?php if (!$mandigo_noborder): ?>
    background: #fff;
    border: 1px solid #333;
    padding: 3px;
    <?php endif; ?>
}
*/


img.nofloat, img.nowrap, .nofloat img, .nowrap img, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }


.entry img.wp-smiley {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}


img.noborder, .noborder img {
    background: inherit;
    border: 0;
    padding: inherit;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


img.alignright, img.alignleft {
    display: inline;
}


.alignright { float: right !important; }


.alignleft { float: left !important; }
/* End Images */






/* Begin Lists */
ol, ul { padding: 0 0 0 20px; }


ol ol, ol ul, ul ul, ul ol { padding: 0 0 0 10px; }


ul {
    margin-left: 0;
    list-style: none;
    list-style-type: circle;
}


li { margin: 3px 0 4px 5px; }


.postdata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}


.sidebars li {
    list-style-image: url(schemes/<?php echo $mandigo_scheme; ?>/images/star.gif);
    margin: 0 0 15px 25px;
    <?php if ($ie): ?>
    margin: 10px 0 15px 20px;
    <?php endif; ?>
}


.sidebars ul, .sidebars ol { padding: 0; }


.sidebars ul li {
    list-style-type: circle;
    list-style-image: none;
    margin: 0;
}


ol li, .sidebars ol li {
    list-style: decimal outside;
    list-style-image: none;
}


.sidebars p, .sidebars select { margin: 5px 0 8px 0; }


.sidebars ul, .sidebars ol { margin: 5px 0 0 5px; }


.sidebars ul ul, .sidebars ol { margin: 0 0 0 10px; }


.sidebars ul li, .sidebars ol li { margin: 3px 0 0 0; }
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 0 auto;
    padding: 0 3px;
    text-align: center;
}


#content #searchform {
    margin-bottom: 10px;
    text-align: left;
}


.sidebars #searchform #s {
    border: 1px dashed #ddd;
    width: 140px;
    padding: 2px;
}


#content #searchform #s {
    border: 1px dashed #bbb;
    width: 200px;
    padding: 2px;
}


.sidebars #searchsubmit, #content #searchsubmit {
    position: relative;
    top: 6px;
}


.entry form { text-align: center; }


select { width: 130px; }


#commentform {
    margin-bottom: 1em;
    width: 99%;
}


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}


#commentform textarea {
    width: 99%;
    padding: 2px;
}


#commentform #submit {
    margin: 0 1em 0 0;
    float: right;
}
/* End Form Elements */

Alles anzeigen

phwb1920

Teil 3:

PHP

/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
}


.commentlist {
    text-align: justify;
    <?php if ($mandigo_number_comments): ?>
    margin-left: 3em;
    <?php endif; ?>
    margin-bottom: 15px;
}


.commentlist li {
    margin: 15px 0 3px 0;
    padding: 5px 10px 3px 10px;
    list-style: <?php echo ($mandigo_number_comments ? 'decimal outside' : 'none'); ?>;
}


.commentlist p { margin: 10px 5px 10px 0; }


#commentform p { margin: 5px 0; }


.nocomments { text-align: center; }


.commentmetadata { display: block; }


.authorcomment {
    background: #EEE;
    color: #000;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    <?php if (0): /* alternate settings */ ?>
    background: #666;
    color: #FFF;
    <?php endif; ?>
}
/* End Comments */






/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 0 !important; margin-top: -1.5em<?php echo ($safari||$ie7 ? ' !important;' : ''); ?>;
    width: 155px;
}


#wp-calendar caption {
    margin-top: -1.2em;
    <?php echo ($safari ? 'margin-bottom: 1.5em;' : ''); ?>
}


/* dirty fix for the event calendar plugin */
div#wp-calendar caption { padding-top: 1.5em; }
div#wp-calendar .nav {
    margin: <?php echo ($ie||$ie7||$safari ? ($ie7 ? 0 : '1.5em') .' 0 -1.5em 0' : 0); ?>;
    position: relative;
}
/* end dirty fix */


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}


#wp-calendar a { display: block; }


#wp-calendar #today { background: #fff; }


#wp-calendar caption {
    text-align: left;
    width: 100%;
}


#wp-calendar th {
    padding: 3px 0;
    text-align: center;
}
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }


acronym, abbr { border-bottom: 1px dashed #999; }


blockquote {
    margin: 15px 10px 0 10px;
    padding: 0 20px 0 20px;
    border: 1px dashed #ddd;
    border-left: 0;
    border-right: 0;
    background: #fff;
}


.center { text-align: center; }


a img { border: none; }


.navigation .alignleft    {
    padding: 20px 0;
    width: 50%;
    text-align: left;
}


.navigation .alignright {
    padding: 20px 0;
    width: 50%;
    text-align: right;
}


.cal {
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
    padding: 1px;
    width: 2.9em;
}


.calborder {
    display: inline;
    padding: 1px;
    float: left;
    margin-right: 1em;
}


.cal span { display: block; }


.cal1 {
    font-size: 1.5em;
    letter-spacing: .2em;
    padding-left: .2em
}
.cal1x {
    letter-spacing: 0em;
    padding-left: 0em
}


.cal2 {
    font-weight: bold;
    font-size: 2em;
    line-height: .7em;
}


.cal3 {
    font-size: .8em;
    line-height: 1em;
}


.pages {
    display: inline;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: <?php echo $mandigo_headnav_alignment; ?>;
    padding: .6em 0;
    width: 100%;
}


.pages li {
    list-style-type: none;
    display: inline;
    margin: 0 1em;
}


.pages a, .pages a:hover {
    font-size: 1.5em;
    font-weight: bold;
    color: #FFF;
    letter-spacing: -.08em !important; letter-spacing: -.1em;
}


.postinfo { padding-bottom: 1em; }


.postinfo .posttitle { line-height: .9em; }


.head_overlay {
    background: url(images/head_overlay.png);
}


#rss {
    float: right;
    padding-right: 4px;
}


.inline-widgets { padding-left: 0; }


.inline-widgets li { list-style-type: none; }


.inline-widgets li ul { padding-left: 2em; }


.inline-widgets li li { list-style-type: circle; }


.textwidget { padding-right: 10px; }


.googlemap img { background: inherit; }
/* End Various Tags & Classes*/






<?php
    // the following set of rules are loaded only if a right-to-left script (eg. Hebrew, Arabic) is being used.
    if (preg_match("/^(ar|he_IL)$/",WPLANG)):
?>
/* RTL scripts support */
.pages, #content, .sidebars, #footer { direction: rtl; }


.blogname, .blogdesc {
    width: <?php echo (737+224*$mandigo_1024-15); ?>px;
    text-align: right;
    padding-left: 0;
    margin-left: 0;
    margin-right: 15px;
}


.calborder {
    float: right;
    margin-right: 0;
    margin-left:    1em;
}


.narrowcolumn .postmetadata, #content #searchform, #respond, #commentform p, .sidebars, #wp-calendar caption, .posttitle { text-align: right; }


.entry img {
    float: <?php echo ($mandigo_nofloat ? 'none' : ($mandigo_floatright ? 'left' : 'right')); ?>;
    margin: 3px <?php echo ($mandigo_floatright ? 10 : 0); ?>px 3px <?php echo ($mandigo_floatright ? 0 : 10); ?>px;
}


#commentform input { margin: 5px 0 1px 5px; }


#commentform #submit { margin: 0 0 0 1em; }


#commentform #submit, #rss { float: left; }


ol, ul { padding: 0 20px 0; }


ol ol, ol ul, ul ul, ul ol { padding: 0 10px 0 0; }


ul { margin-right: 0; }


li { margin: 3px 5px 4px 0; }


.sidebars li {
    margin: 0 25px 15px 0;
    <?php if ($ie): ?>
    margin: 10px 20px 15px 0;
    <?php endif; ?>
}


<?php if ($firefox): ?>
.pages li {
    display: table-cell;
    padding: 0 1em;
}


.sidebars>li {
    list-style-image: none;
    list-style-type: none;
}


.sidebars>li .widgettitle {
    background-image: url(schemes/<?php echo $mandigo_scheme; ?>/images/star.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin-right: -20px;
    padding-right: 20px;
}
<?php endif; ?>


.sidebars p, .sidebars select { margin: 5px 0 8px 0; }


.sidebars ul, .sidebars ol { margin: 5px 5px 0 0; }


.sidebars ul ul, .sidebars ol { margin: 0 10px 0 0; }


.switch-post {
    float: left;
}
<?php
    endif;
    // end of rtl scripts specific rules
?>

Alles anzeigen

marX

Danke. Sagst du mir mal noch um welche Tabelle es sich handelt? Ich sehe keine mehr, außer beim Wetter und Counter in der Sidebar. Etwas zu debuggen was nicht da ist ist ein klein wenig kompliziert. ;-)

phwb1920

Ups.
Es ist der erste Beitrag auf der Startseite. Ich hatte den Status auf "Entwurf" gesetzt.

marX

Ich vermute mal du hast das mit den Kommentaren im CSS ein wenig zu wörtlich genommen. Dieser Block ist vollständig auskommentiert:

Code

/* Versuch um die Tabellen richtig auszurichten
.entry table[align=left] {
margin-left:auto;
margin-right:auto;
}


.entry table[align=right] {
margin-left:auto;
margin-right:auto;
}


.entry table[align=center] {
margin-left:auto;
margin-right:auto;
}
*/

Alles anzeigen

Änder das mal so ab:

Code

[color=#777777]/* Versuch um die Tabellen richtig auszurichten */[/color]
.entry table[align=left] { [color=#777777]/* linksbuendige Tabellen zentrieren */[/color]
margin-left:auto;
margin-right:auto;
}


.entry table[align=right] { [color=#777777]/* rechtsbuendige Tabellen zentrieren */[/color]
margin-left:auto;
margin-right:auto;
}


.entry table[align=center] { [color=#777777]/* zentrierte Tabellen zentrieren */[/color]
margin-left:auto;
margin-right:auto;
}

Alles anzeigen

(Ich hab mal alle Kommentare farbig markiert.)

Ob du alle Regeln so benötigst musst du selbst entscheiden. Ansonsten lösche die entsprechende Regel einfach komplett (z.B. für rechtbündige Tabellen).

phwb1920

Ich habe es bewußt auskommentiert, weil ich ja die Tabellen nicht immer zentiert haben will. Sie sollen halt so positioniert werden, wie ich es im Beitrag vorgebe.
Wie gesagt, beim IE 6 und 7 wird die Tabelle richtig angezeigt, nur nicht beim Firefox.

marX

Okay, ist verständlich. Daher ja auch meine anfängliche Frage:

Zitat von marX

Falls alles, was in Beiträgen in Tabellen steht zentriert werden soll,...

Ändere den Code von oben mal wie folgt, dann sollte die Ausrichtung eigentlich immer so sein wie von dir gewünscht:

Code

/* Versuch um die Tabellen richtig auszurichten */
.entry table[align=left] { /* linksbuendige Tabellen [B]links[/B] ausrichten */
margin-left:[B][COLOR="Red"]0[/COLOR][/B];
margin-right:auto;
}


.entry table[align=right] { /* rechtsbuendige Tabellen [B]rechts[/B] ausrichten */
margin-left:auto;
margin-right:[B][COLOR="Red"]0[/COLOR][/B];
}


.entry table[align=center] { /* zentrierte Tabellen [B]zentrieren[/B] */
margin-left:auto;
margin-right:auto;
}

Alles anzeigen

PS: Wenn's im FF nicht funktioniert, dann leere mal den Cache oder lade die Seite mit Strg+F5 neu - dann wird das Stylesheet neu geladen und die Änderungen auch übernommen. Sonst lädt er unter Umständen das Stylesheet nicht neu und du siehst damit natürlich auch die Änderungen nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Formatierung von Tabellen

Jetzt mitmachen!

Benutzer online in diesem Thema